import { tableData } from '../../../utils/storybook/ArgTypes';
import { TabVariantsTypesArray } from '../../../types/TabVariants';
export const argTypes = {
  'variant': {
    name: 'Component variant {variant}',
    options: TabVariantsTypesArray,
    defaultValue: TabVariantsTypesArray[0],
    control: { type: 'select' },
    description: 'Sets the component variant',
    table: tableData('Options', 'string', 'default'),
  },
  'full-width': {
    name: 'Tab style {fullWidth}',
    defaultValue: false,
    control: { type: 'boolean' },
    description: 'Controls wether the tabs should fill the entire available width',
    table: tableData('Options', 'boolean', false),
  },
  'icons': {
    name: 'Tab header icon visibility',
    defaultValue: true,
    control: { type: 'boolean' },
    description: 'Controls icon visibility on tab headers',
    table: tableData('', 'boolean', true),
  },
};
