import React from 'react';
import { Header }  from '../src';
export default {
  title: 'Heading',
  component: Header,
} as any;;

export const All = () => 
<div style={{ maxWidth: "500px", margin: "auto"}}>
  <Header size={1}>Heading Size 1</Header>
  <Header size={2}>Heading Size 2</Header>
  <Header size={3}>Heading Size 3</Header>
  <Header size={4}>Heading Size 4</Header>
  <br />
  <Header size={2} bold>Bold Heading Size 2</Header>
</div>;