<script module lang="ts">
  import { defineMeta } from "@storybook/addon-svelte-csf";
  import DashboardHeader from "../components/DashboardHeader.svelte";
  import { moduleBlocks } from "./story-data";

  const { Story } = defineMeta({
    title: "Composition/DashboardHeader",
    component: DashboardHeader,
    tags: ["autodocs"],
  });
</script>

<Story
  name="Title Subtitle Module"
  args={{
    eyebrow: "Command Surface",
    title: "Operations Console",
    subtitle: "Capacity and queue health",
    module: moduleBlocks.compact,
  }}
/>
<Story
  name="Long Title"
  args={{
    eyebrow: "Preview Surface",
    title: "Long Generic Dashboard Title That Must Wrap",
    subtitle: "Secondary status text wraps independently",
    module: moduleBlocks.long,
  }}
/>
<Story name="No Module" args={{ title: "Standalone Console", subtitle: "Header without side module" }} />
