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

<Meta title="Components/Popovers/Overlay" component={Overlay} />

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

## Installation

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

## Basic usage

<Canvas>
  <Story name="Overlay">
    <Overlay />
  </Story>
</Canvas>

## API

<ArgsTable of={Overlay} />