import { tableData } from '../../../utils/storybook/ArgTypes';
export const argTypes = {
  'label': {
    name: 'Component label {label}',
    defaultValue: 'I am draggable',
    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),
  },
  'selected': {
    name: 'Selected state {selected}',
    defaultValue: false,
    control: { type: 'boolean' },
    description: 'Controls the selected state of the component',
    table: tableData('Options', 'string', '-'),
  },
  'label-position': {
    name: 'Label position {labelPosition}',
    options: ['before', 'after', 'none'],
    defaultValue: 'after',
    control: { type: 'select' },
    description: 'Controls the component label position',
    table: tableData('Options', 'string', '-'),
  },
};
