import type { Meta, StoryObj } from "@storybook/vue3-vite";
import NodeCard from "./NodeCard.vue";
import type { BcNodeDetail } from "@/lib/bc-graph";

const detail: BcNodeDetail = {
  id: "action:orders.place",
  kind: "action",
  name: "orders.place",
  app: "orders",
  description: "An authenticated customer places an order from their cart.",
  public: true,
  source: { file: "/examples/orders/app/actions.ts", line: 40, column: 6 },
  schema: {
    type: "object",
    properties: { cartId: { type: "string" }, total: { type: "number" } },
    required: ["cartId"],
  },
  emits: ["orders.placed"],
  extra: { retry: 3 },
};

const meta: Meta<typeof NodeCard> = {
  title: "Map/NodeCard",
  component: NodeCard,
  tags: ["autodocs"],
};
export default meta;

type Story = StoryObj<typeof NodeCard>;

export const Action: Story = {
  render: () => ({
    components: { NodeCard },
    setup: () => ({ detail }),
    template: `<div class="h-[480px] w-[360px] bg-zinc-950 border border-zinc-800"><NodeCard :detail="detail" /></div>`,
  }),
};

export const Empty: Story = {
  render: () => ({
    components: { NodeCard },
    template: `<div class="h-[480px] w-[360px] bg-zinc-950 border border-zinc-800"><NodeCard :detail="null" /></div>`,
  }),
};