import React from 'react';
import { Heading } from '.';

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

export const Default = () => <Heading>Default</Heading>;
export const Variants = () => (
  <>
    <Heading variant="h1">H1</Heading>
    <Heading variant="h2">H2(default)</Heading>
    <Heading variant="h3">H3</Heading>
    <Heading variant="h4">H4</Heading>
    <Heading variant="h5">H5</Heading>
  </>
);
