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

const meta: Meta<typeof DraftSpeedPicker> = {
  title: "League/DraftSpeedPicker",
  component: DraftSpeedPicker,
  parameters: { layout: "padded" },
  args: { onChange: () => {} },
};

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

export const StandardPreset: Story = {
  args: { timerMode: "standard", value: "90" },
};

export const StandardCustom: Story = {
  args: { timerMode: "standard", value: "300" },
};

export const ChessClockStandard: Story = {
  args: { timerMode: "chess_clock", value: "standard" },
};

export const ChessClockSlow: Story = {
  args: { timerMode: "chess_clock", value: "slow" },
};

export const ChessClockCustom: Story = {
  args: { timerMode: "chess_clock", value: "custom:7200:900" },
};

export const Disabled: Story = {
  args: { timerMode: "chess_clock", value: "standard", disabled: true },
};
