import { Separator } from './separator'
import React from 'react'
import { Meta, StoryObj } from '@storybook/react-vite'

const meta: Meta<typeof Separator> = {
  title: 'Separator',
  component: Separator,
  tags: ['autodocs'],
  argTypes: {
    orientation: {
      control: 'radio',
      options: ['horizontal', 'vertical'],
    },
  },
}
export default meta

export const Default: StoryObj<typeof meta> = {
  args: { orientation: 'horizontal' },
  render: (args) => (
    <div className="flex items-center justify-center h-56">
      <Separator orientation={args.orientation} />
    </div>
  ),
}
