import type { Meta, StoryObj } from "@storybook/preact";
import { ProgressBar } from "./ProgressBar";

const meta: Meta<typeof ProgressBar> = {
  title: "Primitives/ProgressBar", component: ProgressBar,
  decorators: [(Story) => <div class="w-80"><Story /></div>],
};
export default meta;
type Story = StoryObj<typeof ProgressBar>;

export const Default: Story = { args: { value: 65, label: "Completion" } };
export const Full: Story = { args: { value: 100, label: "Upload" } };
export const Empty: Story = { args: { value: 0, label: "Progress" } };
export const CustomMax: Story = { args: { value: 3, max: 5, label: "Rating" } };
