/**
 * Menu Item Stories
 * @generated 2025-12-11T14:37:52.624404
 */
import type { Meta, StoryObj } from '@storybook/preact';
import { MenuItem, type MenuItemProps } from '../src/atoms/MenuItem';

const meta: Meta<MenuItemProps> = {
  title: '2. Atoms/MenuItem',
  component: MenuItem,
  tags: ['autodocs'],
  parameters: {
    docs: {
      description: {
        component: `Auto-generated MenuItem component

**Classification:** atom
**Slots:** None
**Figma ID:** 18:1010`
      }
    }
  },
  argTypes: {
    size: {
      control: 'select',
      options: ['Large', 'Regular'],
      description: 'Size variant',
    },
    type: {
      control: 'select',
      options: ['Default', 'Destructive'],
      description: 'Type variant',
    },
    state: {
      control: 'select',
      options: ['Active', 'Default', 'Disabled', 'Focus', 'Hover', 'Selected'],
      description: 'State variant',
    },
  },
};

export default meta;
type Story = StoryObj<MenuItemProps>;

export const Default: Story = {
  args: {
    size: 'Large',
    type: 'Default',
    state: 'Active',
    children: 'MenuItem'
  },
};

export const SizeLarge: Story = {
  args: {
    ...Default.args,
    size: 'Large',
  },
};

export const SizeRegular: Story = {
  args: {
    ...Default.args,
    size: 'Regular',
  },
};