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

import { Stepper } from './Stepper';

const meta: Meta<typeof Stepper> = {
  title: 'UI kit/Stepper',
  component: Stepper,
  tags: ['autodocs'],
};

export default meta;
type Story = StoryObj<typeof Stepper>;

export const Default: Story = {
  args: {
    steps: ['Settings', 'Input Data', 'Banner Selection', 'Text Selection', 'Campaign Review'],
    activeStep: 3,
    prefixOnSmallScreens: 'Step 3',
  },
  argTypes: {
    activeStep: {
      control: { type: 'range', min: 1, max: 5, step: 1 },
    },
  },
};