import { addParameters } from '@storybook/react';
import React from 'react';

import { HR } from '../../src';
import horizontalRuleNotes from './HorizontalRule.md';

export default {
  title: 'HR',
  component: HR,
};

addParameters({ info: { text: horizontalRuleNotes } });

export const normal = () => {
  return <HR />;
};

export const secondary = () => {
  return <HR variant="secondary" />;
};

export const primary = () => {
  return <HR variant="primary" />;
};

export const separator = () => {
  return <HR variant="separator" />;
};