import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import { ContextMenu } from './context-menu.component';
import { FlowPropsTable, ExternalReferenceLink } from '../../../utils';

<Meta title="Components/Overlays/Context Menu ⚠️" component={ContextMenu} />

# Context Menu Context Menu

> ⚠️ This component is deprecated due to accessibility issues and will be removed in a future release. Use the `Menu` component instead.

A pop-over menu

## Default

<Canvas>
  <Story id="components-overlays-context-menu-⚠️--default" />
</Canvas>

## With Loading State

<Canvas>
  <Story id="components-overlays-context-menu-⚠️--loading" />
</Canvas>

## Props

<FlowPropsTable ofComponent={ContextMenu} />

## External References

<ExternalReferenceLink
  src="https://www.figma.com/file/r5zKXblbSt0b869OEcOWXu/Patchwork-Web?node-id=637%3A9"
  type="figma"
/>
<ExternalReferenceLink
  src="https://github.com/wealthsimple/patchwork/tree/master/src/core/actions/context-menu"
  type="github"
/>
