import type { Meta, StoryObj } from "@storybook/react";
import { DemoCard } from "./demo-card.js";

const meta: Meta<typeof DemoCard> = {
  component: DemoCard,
  title: "Shared/DemoCard",
  tags: ["autodocs"],
};
export default meta;
type Story = StoryObj<typeof DemoCard>;

export const Default: Story = {
  args: {
    title: "Example Demo",
    children: <button type="button">Run</button>,
    output: "result: ok",
  },
};
export const NoOutput: Story = {
  args: { title: "Inputs Only", children: <input placeholder="Enter value" /> },
};
export const Playground: Story = {
  args: { title: "Playground", children: <span>Edit me</span>, output: "" },
};