import { Separator } from "..";
import { commonProps } from "../../../utils/storybook";
import type { StoryObj, Meta } from "@storybook/react";
/**
 * A reusable Separator component that render a thin line with accessibility support
 */
const meta: Meta<typeof Separator> = {
  title: "Separator",
  component: Separator,
  tags: ["autodocs"],
  argTypes: {
    orientation: {
      description: "Sets the variant of the separator.",
      options: ["vertical", "horizontal"],
      control: { type: "select" },
    },
    color: {
      description: "Sets the color of the separator.",
    },
    decorative: {
      control: { type: "boolean" },
    },
    ...commonProps,
  },
};
export default meta;
type Story = StoryObj<typeof Separator>;
export const Default: Story = {
  render: (args) => (
    <div style={{ height: "40px" }}>
      <Separator {...args} />
    </div>
  ),
};