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

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

<Story name="Neutral" args={{ label: "Neutral" }} />
<Story name="Ok" args={{ label: "Operational", severity: "ok" }} />
<Story name="Warning" args={{ label: "Warning", severity: "warning" }} />
<Story name="Danger" args={{ label: "Danger", severity: "danger" }} />
<Story name="Stale" args={{ label: "Stale", severity: "stale" }} />
<Story name="Unavailable" args={{ label: "Unavailable", severity: "unavailable" }} />
<Story name="Long Label" args={{ label: "Long Generic Badge Label", severity: "neutral" }} />
