export const LABEL = {
  propertyName: 'label',
  label: 'Label',
  component: 'input',
};

export const HELPER_TEXT = {
  propertyName: 'helperText',
  label: 'Helper text',
  component: 'input',
};

export const PLACEHOLDER = {
  propertyName: 'placeholder',
  label: 'Placeholder',
  component: 'input',
};

export const INPUT_TYPE = {
  label: 'Input Type',
  propertyName: 'type',
  options: ['text', 'number', 'password'],
  component: 'select',
};

export const IS_DISABLED = {
  propertyName: 'isDisabled',
  label: 'Disabled',
  component: 'switch',
};

export const IS_READ_ONLY = {
  propertyName: 'isReadOnly',
  label: 'Read only',
  component: 'switch',
};

export const OPTIONS = {
  propertyName: 'options',
  label: 'Options',
  component: 'options',
};

export const IS_CLEARABLE = {
  propertyName: 'isClearable',
  label: 'Clearable',
  component: 'switch',
};

export const CLOSE_ON_DAY_SELECT = {
  propertyName: 'closeOnDaySelect',
  label: 'Close on day select',
  component: 'switch',
};

export const SHOW_TODAY_BUTTON = {
  propertyName: 'showTodayButton',
  label: 'Show today button',
  component: 'switch',
};

export const TODAY_BUTTON_LABEL = {
  propertyName: 'todayButtonLabel',
  label: 'Today button label',
  component: 'input',
};

export const MULTI_LINE_LABEL = {
  propertyName: 'label',
  label: 'Label',
  component: 'textarea',
};

export const TITLE = {
  propertyName: 'title',
  label: 'Title',
  component: 'input',
};

export const DESCRIPTION = {
  propertyName: 'description',
  label: 'Description',
  component: 'input',
};

export const HIDE_FIELD = {
  propertyName: 'hideField',
  label: 'Hidden',
  component: 'switch',
};

export const LEFT_TITLE = {
  propertyName: 'leftTitle',
  label: 'Left title',
  component: 'input',
};

export const RIGHT_TITLE = {
  propertyName: 'rightTitle',
  label: 'Right title',
  component: 'input',
};

export const MOVE_LEFT_TITLE = {
  propertyName: 'moveLeftTitle',
  label: 'Move left button title',
  component: 'input',
};

export const MOVE_RIGHT_TITLE = {
  propertyName: 'moveRightTitle',
  label: 'Move right button title',
  component: 'input',
};

export const MOVE_ALL_LEFT_TITLE = {
  propertyName: 'moveAllLeftTitle',
  label: 'Move all left button title',
  component: 'input',
};

export const MOVE_ALL_RIGHT_TITLE = {
  propertyName: 'moveAllRightTitle',
  label: 'Move alll right button title',
  component: 'input',
};

export const ALL_TO_LEFT = {
  propertyName: 'allToLeft',
  label: 'Allow to move all to left',
  component: 'switch',
};

export const ALL_TO_RIGHT = {
  propertyName: 'allToRight',
  label: 'Allow to move all to right',
  component: 'switch',
};

export const NO_VALUE_TITLE = {
  propertyName: 'noValueTitle',
  label: 'Placeholder for empty value',
  component: 'input',
};

export const NO_OPTIONS_TITLE = {
  propertyName: 'noOptionsTitle',
  label: 'Placeholder for empty options',
  component: 'input',
};

export const FILTER_OPTIONS_TITLE = {
  propertyName: 'filterOptionsTitle',
  label: 'Placeholder for options filter input',
  component: 'input',
};

export const FILTER_VALUE_TITLE = {
  propertyName: 'filterValueTitle',
  label: 'Placeholder for value filter input',
  component: 'input',
};

export const FILTER_VALUE_TEXT = {
  propertyName: 'filterValueText',
  label: 'Placeholder for value when there is no filtered value',
  component: 'input',
};

export const FILTER_OPTIONS_TEXT = {
  propertyName: 'filterOptionsText',
  label: 'Placeholder for options when there is no filtered option',
  component: 'input',
};

export const CHECKBOX_VARIANT = {
  propertyName: 'checkboxVariant',
  label: 'Checkbox variant',
  component: 'switch',
};

export const MIN = {
  propertyName: 'min',
  label: 'Minimum of range',
  component: 'input',
};

export const MAX = {
  propertyName: 'max',
  label: 'Maximum of range',
  component: 'input',
};

export const STEP = {
  propertyName: 'step',
  label: 'Step size',
  component: 'input',
};
