import { Story, Preview, Props, Meta } from "@storybook/addon-docs/blocks";
import { Paragraph } from "./Paragraph";

<Meta title="Components/Typography/Paragraph" component={Paragraph} />

# Paragraph

The paragraph is used to render text with predefined leading and margin.
Use paragraph when you want to show large blocks of text.

Paragraph renders text with the following defaults: `["text-body", "text-gray-700", "leading-normal", "my-6"]`

```jsx
import { Paragraph } from "@aptible/arrow-ds";
```

<Preview>
  <Story name="Paragraph">
    <Paragraph>This is the Paragraph component</Paragraph>
  </Story>
</Preview>

## Props

<Props of={Paragraph} />