import type { Meta, StoryObj } from "@storybook/react-vite";
import { WizardStepper } from "./WizardStepper";

const meta: Meta<typeof WizardStepper> = {
  title: "League/WizardStepper",
  component: WizardStepper,
  parameters: { layout: "padded" },
  args: {
    steps: ["Basics", "Sports", "Draft", "Scoring", "Review"],
    onStepClick: () => {},
  },
};

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

export const Step1: Story = {
  args: { currentStep: 1 },
};

export const Step3: Story = {
  args: { currentStep: 3 },
};

export const LastStep: Story = {
  args: { currentStep: 5 },
};