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

import React from 'react';

import Spacer from '../Spacer/Spacer.component';
import { ISpacer } from '../Spacer/Spacer.interface';

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

export const Simple: StoryObj<ISpacer> = {
  render: args => <Spacer {...args} />,
  args: {
    customHeight: '50px',
    color: '#000'
  }
}