import type { Meta, StoryObj } from "@storybook/vue3-vite";
import { Network, GitBranch } from "lucide-vue-next";
import PageHeader from "./PageHeader.vue";

const meta: Meta<typeof PageHeader> = {
  title: "Components/PageHeader",
  component: PageHeader,
  tags: ["autodocs"],
};
export default meta;

type Story = StoryObj<typeof PageHeader>;

export const Basic: Story = {
  args: { title: "Modules" },
};

export const WithSubtitle: Story = {
  args: {
    title: "Resolvers",
    subtitle: "Interface layer — every operation exposed to transports",
  },
};

export const WithIconAndCount: Story = {
  args: {
    title: "Resolvers",
    subtitle: "Interface layer — every operation",
    icon: Network,
    iconColor: "text-rose-400",
    count: 4,
    total: 17,
  },
};

export const Workflows: Story = {
  args: {
    title: "Workflows",
    subtitle: "Event-driven side effects — reactions, translators, sagas",
    icon: GitBranch,
    iconColor: "text-violet-400",
    count: 7,
    total: 7,
  },
};