import { Meta } from '@storybook/react-webpack5';
import { ListItem, type ListItemProps } from '../../ListItem';
import { generateVariantsForControl } from './helpers';

export default {
  component: ListItem,
  title: 'Content/ListItem/tests/variants/theme: forest-green',
  tags: ['!autodocs'],
  parameters: {
    controls: { disable: true },
    actions: { disable: true },
    knobs: { disable: true },
  },
} satisfies Meta<ListItemProps>;

export const Button = generateVariantsForControl('button', 'forest-green');
export const ButtonAsLink = generateVariantsForControl('buttonAsLink', 'forest-green');
export const ButtonPartiallyInteractive = generateVariantsForControl(
  'partialButton',
  'forest-green',
);
export const ButtonAsLinkPartiallyInteractive = generateVariantsForControl(
  'partialButtonAsLink',
  'forest-green',
);
export const IconButton = generateVariantsForControl('iconButton', 'forest-green');
export const IconButtonAsLink = generateVariantsForControl('iconButtonAsLink', 'forest-green');
export const IconButtonWithLabel = generateVariantsForControl(
  'iconButtonWithLabel',
  'forest-green',
);
export const IconButtonAsLinkWithLabel = generateVariantsForControl(
  'iconButtonAsLinkWithLabel',
  'forest-green',
);
export const IconButtonPartiallyInteractive = generateVariantsForControl(
  'partialIconButton',
  'forest-green',
);
export const IconButtonAsLinkPartiallyInteractive = generateVariantsForControl(
  'partialIconButtonAsLink',
  'forest-green',
);
export const Navigation = generateVariantsForControl('navigation', 'forest-green');
export const NavigationAsButton = generateVariantsForControl('navigationAsButton', 'forest-green');
export const Checkbox = generateVariantsForControl('checkbox', 'forest-green');
export const Radio = generateVariantsForControl('radio', 'forest-green');
export const Switch = generateVariantsForControl('switch', 'forest-green');
export const NonInteractive = generateVariantsForControl('non-interactive', 'forest-green');
