export const PREFIX = 'l';

export const SIZE = {
  small: `${PREFIX}-size-s`,
  medium: `${PREFIX}-size-m`,
  large: `${PREFIX}-size-l`,
  default: '',
  xs: `${PREFIX}-size-xs`,
  xl: `${PREFIX}-size-xl`,
  block: `${PREFIX}-size-full-width`,
};

export const STATUS = {
  loading: `${PREFIX}-is-loading`,
  loadMore: `${PREFIX}-is-load-more`,
  disabled: `${PREFIX}-is-disabled`,
  focused: `${PREFIX}-is-focused`,
  success: `${PREFIX}-is-success`,
  error: `${PREFIX}-is-error`,
  warning: `${PREFIX}-is-warning`,
  selected: `${PREFIX}-is-selected`,
  active: `${PREFIX}-is-active`,
  checked: `${PREFIX}-is-checked`,
  current: `${PREFIX}-is-current`,
  hidden: `${PREFIX}-is-hidden`,
  visible: `${PREFIX}-is-visible`,
  expanded: `${PREFIX}-is-expanded`,
  indeterminate: `${PREFIX}-is-indeterminate`,
};

export default {
  PREFIX,
  SIZE,
  STATUS,
};