import { CtaLinkVariantArray } from '../../../types/CtaLinkVariant';
import { tableData } from '../../../utils/storybook/ArgTypes';
export const argTypes = {
  href: {
    name: 'Component URL {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: CtaLinkVariantArray,
    defaultValue: 'primary',
    control: { type: 'select' },
    description: 'Sets the component variant',
    table: tableData('Options', 'string', '-'),
  },
  size: {
    name: 'Component size {size}',
    options: ['sm', 'md', 'lg'],
    defaultValue: 'md',
    control: { type: 'select' },
    description: 'Control for component size',
    table: tableData('Options', 'string', 'md'),
  },
  iconOnly: {
    name: 'Icon only',
    defaultValue: false,
    control: { type: 'boolean' },
    description: 'Toggle icon-only mode',
    table: tableData('', 'boolean', false),
  },
};
