import type { Meta, StoryObj } from "@storybook/react-vite";
import { DashboardFrame } from "../components/DashboardFrame";
import { fullCompositionDashboard, secondaryDashboard } from "./story-data";

const meta = {
  title: "UI/DashboardFrame",
  component: DashboardFrame,
  args: {
    dashboard: fullCompositionDashboard,
  },
} satisfies Meta<typeof DashboardFrame>;

export default meta;
type Story = StoryObj<typeof meta>;

export const FullComposition: Story = {};
export const Secondary: Story = {
  args: {
    dashboard: secondaryDashboard,
  },
};