import { tableData } from '../../../utils/storybook/ArgTypes';
export const argTypes = {
  label: {
    name: 'Component label {label}',
    defaultValue: 'Select a city',
    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),
  },
};
