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

const meta: Meta<typeof StepperInput> = {
  title: "League/StepperInput",
  component: StepperInput,
  parameters: { layout: "centered" },
  args: {
    min: 6,
    max: 16,
    onChange: () => {},
  },
};

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

export const Middle: Story = {
  args: { value: 10 },
};

export const AtMinimum: Story = {
  args: { value: 6 },
};

export const AtMaximum: Story = {
  args: { value: 16 },
};