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

<Meta title="Components/Data/Marquee" component={Marquee} />

<ComponentHeading
  componentName="Marquee"
  description="Marquee renders scrolling text or images."
  sourcePath="src/components/Marquee/Marquee.tsx"
/>

## Installation

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

## Basic usage

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

## API

<ArgsTable of={Marquee} />