import React from 'react'

export default {
  title: 'Typography'
}

export const Body = () => (
  <div style={{ maxWidth: '600px' }}>
    <p>
      Sharp Sans Medium. 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>Sharp Sans Display No.1 Bold</h1>
    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <h3>Heading 3</h3>
    <h4>Heading 4</h4>
    <h5>Heading 5</h5>
  </>
)