import { tableData } from '../../../utils/storybook/ArgTypes';
import { LinkVariant, LinkVariantArray } from '../../../types/LinkVariant';
export const argTypes = {
  'href': {
    name: 'Link URL value {href}',
    defaultValue: 'https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context.html',
    control: { type: 'text' },
    description: 'Used to provide the href(URL) for the component',
    table: tableData('Options', 'string', '-'),
  },
  'variant': {
    name: 'Component variant {variant}',
    options: LinkVariantArray,
    defaultValue: LinkVariant.TEXT,
    control: { type: 'select' },
    description: 'Sets the component variant',
    table: tableData('Options', 'string', '-'),
  },
  'dark-background': {
    name: 'Negative {darkBackground}',
    defaultValue: false,
    control: { type: 'boolean' },
    description: 'When used on a dark background, set this property to true. This will change color of text and hover to something suitable',
    table: tableData('Options', 'boolean', '-'),
  },
};
