import { Meta, StoryObj } from "@storybook/nextjs-vite";
import { Header } from "./Header";
import { fn } from "storybook/test";

/** Reusable Header Component */
const meta: Meta<typeof Header> = {
  title: "Layout/Header",
  component: Header,
  tags: ["autodocs"],
  args: {
    progressProps: {
      value: (5 / 15) * 100,
      label: "5 of 15",
      className: "max-w-[198px]",
    },
    onBack: fn(),
  },
  argTypes: {},
};

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

export const Default = {} satisfies Story;
