import type { Meta, StoryObj } from '@storybook/react'

import React from 'react';

import Separator from '../Separator/Separator.component';
import { ISeparator } from '../Separator/Separator.interface';

// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
export default {
  title: 'Components/Separator',
  component: Separator,
  argTypes: {
    height: {
      control: 'text'
    },
    color: {
      control: 'colorpicker'
    }
  }
} as Meta

export const Simple: StoryObj<ISeparator> = {
  render: args => <Separator {...args} />,
  args: {
    height: '5px',
    color: '#000'
  }
}