import React from 'react';
import { Meta, Story } from '@storybook/react/types-6-0';
import { Hr, HrProps } from '.';

export default {
  title: 'Hr',
  component: Hr,
} as Meta;

const Template: Story<HrProps> = (args) => <Hr {...args} />;

export const Default = Template.bind({});

export const WithBackground = Template.bind({});
WithBackground.args = { color: 'primary', bg: 'primary', height: 5 } as HrProps;

export const Custom = Template.bind({});
Custom.args = { color: 'red.0', height: 5 } as HrProps;
