import { Canvas, Meta, Source } from "@storybook/addon-docs/blocks";
import * as TypographyStories from "./Typography.stories";

<Meta of={TypographyStories} />

# Typography

<Source language="ts" code={`import { Typography } from "@mui/material";`} />

## How to use this component

This component uses the MUI Typography component.
You can see the documentation here: https://mui.com/material-ui/react-typography/

## Heading 1

<Canvas of={TypographyStories.Heading1} />

## Heading 2

<Canvas of={TypographyStories.Heading2} />

## Heading 3

<Canvas of={TypographyStories.Heading3} />

## Heading 4

<Canvas of={TypographyStories.Heading4} />

## Heading 5

<Canvas of={TypographyStories.Heading5} />

## Heading 6

<Canvas of={TypographyStories.Heading6} />

## Subtitle 1

<Canvas of={TypographyStories.Subtitle1} />

## Subtitle 2

<Canvas of={TypographyStories.Subtitle2} />

## Body 1

<Canvas of={TypographyStories.Body1} />

## Body 2

<Canvas of={TypographyStories.Body2} />

## Caption

<Canvas of={TypographyStories.Caption} />

## Button

<Canvas of={TypographyStories.Button} />

## Overline

<Canvas of={TypographyStories.Overline} />

## Inherit

<Canvas of={TypographyStories.Inherit} />
