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

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

<Story name="Desktop Generic Dashboard" args={{ dashboard: fullCompositionDashboard }} />
<Story name="Mobile Generic Dashboard" asChild>
  <div style="max-width: 390px">
    <DashboardFrame dashboard={fullCompositionDashboard} />
  </div>
</Story>
