export default {
  title: "Base/Typography",
};

export const Typography = () => (
  <div>
    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <h3>Heading 3</h3>
    <h4>Heading 4</h4>
    <h5>Heading 5</h5>
    <h6>Heading 6</h6>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer congue
      placerat lobortis. Pellentesque facilisis nisl orci, non accumsan massa
      auctor quis. Proin blandit sollicitudin turpis id laoreet. Vivamus
      tincidunt maximus sem sit amet pulvinar. Praesent faucibus et tellus quis
      hendrerit. Vestibulum a dui et sem egestas luctus.
    </p>
  </div>
);