import type { Meta, StoryObj } from "@storybook/react";
import { Separator } from "../src/index.js";

const meta = {
    title: "Basic/Separator",
    component: Separator,
    tags: ["autodocs"],
} satisfies Meta<typeof Separator>;

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

export const Horizontal: Story = {};

export const Vertical: Story = {
    render: () => (
        <div className="flex h-16 items-center gap-4">
            <span className="text-sm">左</span>
            <Separator orientation="vertical" />
            <span className="text-sm">右</span>
        </div>
    ),
};