import type { Meta, StoryObj } from "@storybook/react-vite";
import { Panel } from "../components/Panel";
import { ServiceRow } from "../components/ServiceRow";
import { serviceRows } from "./story-data";

const meta = {
  title: "UI/Panel",
  component: Panel,
  render: (args) => (
    <Panel {...args}>
      <ServiceRow service={serviceRows.normal} />
      <ServiceRow service={serviceRows.degraded} />
    </Panel>
  ),
  args: {
    title: "Generic Panel",
  },
} satisfies Meta<typeof Panel>;

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

export const Dense: Story = {};