message: Updating headings
diff: @@ -174,21 +174,21 @@ const Index = props => (
  <Tooltip text='Hello, Tooltip!'>Text with a tooltip</Tooltip>
  </Box>
  <Detail>
  - <Heading.h3>Directions</Heading.h3>
  + <Heading tag='h3' fontSize={3} mb={2} mt={3}>Directions</Heading>
  {Tooltip.directions.map((d, i) => (
  <Box border p={3}>
  <Tooltip text='Hello, Tooltip!' direction={d}>Tooltip direction={d}</Tooltip>
  </Box>
  ))}
  - <Heading.h3>Alignment</Heading.h3>
  + <Heading tag='h3' fontSize={3} mb={2} mt={3}>Alignment</Heading>
  <Box border p={3}>
  <Tooltip text='Hello, Tooltip!' direction='ne' align='left'>Tooltip align left</Tooltip>
  </Box>
  - <Heading.h3>Word wrap</Heading.h3>
  + <Heading tag='h3' fontSize={3} mb={2} mt={3}>Word wrap</Heading>
  <Box border p={3}>
  <Tooltip text='Hello, Tooltip! This tooltip has a sentence that will wrap to a newline.' wrap direction='ne' align='left'>Word wrapping tooltip</Tooltip>
  </Box>
  - <Heading.h3>No Delay</Heading.h3>
  + <Heading tag='h3' fontSize={3} mb={2} mt={3}>No Delay</Heading>
  <Box border p={3}>
  <Tooltip noDelay text='Hello, Tooltip!'>Text with a tooltip</Tooltip>
  </Box>
  