import { attribute, property, clickable, hasClass, isPresent, text } from 'ember-cli-page-object';

export default scope => ({
  scope,

  isPresent: isPresent(),
  isDisabled: attribute('disabled', '[data-test-input]'),
  isActive: property('checked', '[data-test-input]'),

  hasDisabledClass: hasClass('is-disabled', '[data-test-label]'),
  hasActiveClass: hasClass('is-active', '[data-test-label]'),

  label: text('[data-test-label]'),
  title: attribute('title'),

  toggle: clickable('[data-test-input]'),
});