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

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

<ComponentHeading
  componentName="Text"
  description="A generic container for wrapping text"
  sourcePath="src/components/Text/Text.tsx"
  hideDemosLink
/>

## Installation

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

## Basic usage

<Canvas>
  <Story name="Text">
    <Text>This is the Text component</Text>
  </Story>
</Canvas>

## API

<ArgsTable of={Text} />