import { type Meta, type StoryObj } from '@storybook/react-vite';

import AISpinner from '.';

const meta: Meta<typeof AISpinner> = {
  component: AISpinner,
  title: 'Design System/AI/AISpinner',
  tags: ['autodocs'],
  args: {
    size: 24,
  },
  argTypes: {
    size: {
      control: 'number',
      min: 0,
      table: {
        defaultValue: { summary: '24' },
        type: { summary: 'number' },
      },
    },
  },
};

export default meta;

type Story = StoryObj<typeof AISpinner>;

export const Default: Story = {
  args: {},
};

export const Large: Story = {
  args: {
    size: 64,
  },
};

export const Dark: Story = {
  args: {
    size: 48,
  },
  globals: {
    themeMode: 'dark',
  },
};
