import { BreadcrumbVariantsArray, BreadcrumbVariants, } from '../../../types/BreadcrumbVariants';
import { tableData } from '../../../utils/storybook/ArgTypes';
export const argTypes = {
  'variant': {
    name: 'Variant {variant}',
    options: BreadcrumbVariantsArray,
    defaultValue: BreadcrumbVariants.DESKTOP,
    control: { type: 'select' },
    description: 'Sets the component variant',
    table: tableData('Options', 'string', BreadcrumbVariants.DESKTOP),
  },
  'aria-label': {
    name: 'Accessibility label {ariaLabel}',
    defaultValue: 'Breadcrumbs',
    control: { type: 'text' },
    description: 'Used to provide the aria-label value for the component',
    table: tableData('Accessibility', 'string', 'Breadcrumbs'),
  },
  'number-of-items-shown-on-mobile': {
    name: 'Mobile: Shown breadcrumb count {numberOfItemsShownOnMobile}',
    options: [2, 3],
    defaultValue: 2,
    control: { type: 'select' },
    description: 'Used to provide the number of breadcrumb items on "Mobile" variant',
    table: tableData('Options', 'number', 2),
  },
  'dark-background': {
    name: 'Dark background toggle {darkBackground}',
    defaultValue: false,
    control: { type: 'boolean' },
    description: 'Used for demo purposes within Storybook to allow dark-background setting on all breadcrumbs',
    table: tableData('Options', 'boolean', false),
  },
  'disable-home-icon': {
    name: 'Disable "Home icon" {disableHomeIcon}',
    defaultValue: false,
    control: { type: 'boolean' },
    description: 'Controls wether the home icon is shown on "Desktop" variant',
    table: tableData('Options', 'boolean', false),
  },
};
