import {
  Meta,
  Canvas,
  ArgsTable,
  Story,
  SourceState,
} from "@storybook/blocks";
import { ComponentHeading } from "../../storybook-components";
import { Description } from "./Description";

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

<ComponentHeading
  componentName="Description"
  description=""
  sourcePath="src/components/Description/Description.tsx"
  hideDemosLink
/>

## Installation

```jsx
import { Description } from "@conveyorhq/arrow-ds";
```

## Basis usage

<Canvas withSource={SourceState.OPEN}>
  <Story name="Description">
    <Description>This is the Description component</Description>
  </Story>
</Canvas>

## API

<ArgsTable of={Description} />