import { tableData } from '../../../utils/storybook/ArgTypes';
export const argTypes = {
  'label': {
    name: 'Component label {label}',
    defaultValue: 'Date picker label',
    control: { type: 'text' },
    description: 'Used to provide the label for the datepicker',
    table: tableData('Options', 'string', '-'),
  },
  'value': {
    name: 'Component value {value}',
    defaultValue: new Date().toISOString().slice(0, 10),
    control: { type: 'text' },
    description: 'Used to control the value of the component - format: YYYY-MM-DD',
    table: tableData('Helpers', 'string', '-'),
  },
  'readonly': {
    name: 'Read-only {readonly}',
    defaultValue: false,
    control: { type: 'boolean' },
    description: 'Control to set the component into read-only mode - prevent user interactions',
    table: tableData('Options', 'boolean', false),
  },
  'first-day-of-week': {
    name: 'First day of the week {firstDayOfWeek}',
    defaultValue: 1,
    options: [0, 1, 2, 3, 4, 5, 6],
    control: { type: 'select' },
    description: 'Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc. Default is Monday',
    table: tableData('Options', 'boolean', 1),
  },
  'required': {
    name: 'Required control {required}',
    defaultValue: false,
    control: { type: 'boolean' },
    description: 'Controls the components "required input" state',
    table: tableData('Options', 'boolean', false),
  },
  'disabled': {
    name: 'Disabled {disabled}',
    defaultValue: false,
    control: { type: 'boolean' },
    description: 'Used to determine if user interaction with the component is allowed',
    table: tableData('Options', 'boolean', false),
  },
  'additional': {
    name: 'Assistive text {additional}',
    defaultValue: 'Additional description',
    control: { type: 'text' },
    description: 'Used to provide the user with additional assistive text',
    table: tableData('Helpers', 'string', '-'),
  },
};
