import { Content, Description, H1, H2, H3, H4, H5, H6 } from '@creation-ui/react'
 
export const TypographyExample = ({ ...props }) => {
  return (
    <div className={'flex flex-col'}>
      <H1 {...props}>Heading 1</H1>
      <H2 {...props}> Heading 2 </H2>
      <H3 {...props}> Heading 3 </H3>
      <H4 {...props}> Heading 4 </H4>
      <H5 {...props}> Heading 5 </H5>
      <H6 {...props}> Heading 6 </H6>
      <hr />
      <Content {...props}>Content</Content>
      <Description {...props}>Description</Description>
    </div>
  )
}