import { tableData } from '../../../utils/storybook/ArgTypes';
export const argTypes = {
  size: {
    name: 'Component size {size}',
    options: ['xs', 'sm', 'md', 'lg'],
    defaultValue: 'sm',
    control: { type: 'select' },
    description: 'Controls the size of the component',
    table: tableData('Options', 'boolean', 'sm'),
  },
  withBorder: {
    name: 'Added border {withBorder}',
    defaultValue: false,
    control: { type: 'boolean' },
    description: 'Used to determine if an optional border should be added to the component',
    table: tableData('Options', 'boolean', false),
  },
  color: {
    name: 'Component color {color}',
    defaultValue: '#fe45f7',
    control: { type: 'color' },
    description: 'Used set the component color',
    table: tableData('Options', 'string', '-'),
  },
};
