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

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

<Story name="Short List" args={{ group: serviceGroups.short }} />
<Story name="Long List" args={{ group: serviceGroups.long }} />
<Story name="Empty Group" args={{ group: serviceGroups.empty }} />
<Story name="Mixed Statuses" args={{ group: serviceGroups.mixed }} />
