import { Meta, StoryObj } from "@storybook/react"
import React from "react"
import { Separator, SeparatorProps } from "./index"

type Story = StoryObj<typeof Separator>

const meta: Meta<typeof Separator> = {
  title: "Design System/Separator",
  component: Separator,
}

export default meta

const Template = (args: SeparatorProps) => {
  return (
    <div className="m-10 h-[100px]">
      <Separator {...args} />
    </div>
  )
}

export const Horizontal: Story = {
  render: Template,
  args: {
    orientation: "horizontal",
  },
}

export const Vertical: Story = {
  render: Template,
  args: {
    orientation: "vertical",
  },
}