import React from 'react'

export default {
  title: 'Typography'
}

export const Body = () => (
  <div style={{ maxWidth: '600px' }}>
    <p>
      Montserrat 400 Ummm…to eBay? Oh sure! <a href="">Blame the wizards!</a>{' '}
      Hello, little man. <strong>I will destroy you!</strong> I’ve been there.
      My folks were always on me to groom myself and <em>wear underpants</em>.
      What am I, the pope? Leela’s gonna kill me.
    </p>
    <p>
      Yes, I saw. You were doing well, until everyone died. Check it out, y’all.
      Everyone who was invited is here. But I know you in the future. I cleaned
      your poop. I’m sure those windmills will keep them cool.
    </p>
  </div>
)

export const Headings = () => (
  <>
    <h1>Montserrat 600</h1>
    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <h3>Heading 3</h3>
    <h4>Heading 4</h4>
    <h5>Heading 5</h5>
  </>
)