import styles from "./Typography.module.css";
export default {
  tags: ["autodocs"],
  title: "Components/Base/Typography",
};

export const Default = {
  render: () => {
    return (
      <div className={styles.typograpy}>
        <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. Maecenas nec
          nulla dignissim, malesuada diam vel, vulputate quam. Nunc nulla dui,
          eleifend vel massa ac, imperdiet tincidunt arcu.Lorem ipsum dolor sit
          amet, consectetur adipiscing elit. Maecenas nec nulla dignissim,
          malesuada diam vel, vulputate quam. Nunc nulla dui, eleifend vel massa
          ac, imperdiet tincidunt arcu.Lorem ipsum dolor sit amet, consectetur
          adipiscing elit. Maecenas nec nulla dignissim, malesuada diam vel,
          vulputate quam. Nunc nulla dui, eleifend vel massa ac, imperdiet
          tincidunt arcu.
        </p>
      </div>
    );
  },
};
