import { tableData } from '../../../utils/storybook/ArgTypes';
import { TextFieldTypesArray } from '../../../types/InputType';
export const argTypes = {
  type: {
    name: 'Component type {type}',
    options: TextFieldTypesArray,
    defaultValue: TextFieldTypesArray[0],
    control: { type: 'select' },
    description: 'Used to provide the type for the component',
    table: tableData('Options', 'string', TextFieldTypesArray[0]),
  },
  label: {
    name: 'Component label {label}',
    defaultValue: 'Component label',
    control: { type: 'text' },
    description: 'Used to provide the label for the component',
    table: tableData('Options', 'string', '-'),
  },
  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('Options', 'string', '-'),
  },
  required: {
    name: 'Required control {required}',
    defaultValue: false,
    control: { type: 'boolean' },
    description: 'Controls the components "required input" state',
    table: tableData('Options', 'boolean', false),
  },
  readonly: {
    name: 'Required control {readonly}',
    defaultValue: false,
    control: { type: 'boolean' },
    description: 'Controls the components "read only" state',
    table: tableData('Options', 'boolean', false),
  },
};
