import { Meta, Canvas, ArgsTable, Story } from "@storybook/blocks";
import {
  ComponentHeading,
  ComponentStatus,
  COMPONENT_STATUS,
} from "../../storybook-components";
import { Box } from "../Box";
import { Link } from "../Link";
import { Meta as ArrowMeta } from "./Meta";

<Meta title="Deprecated/Components/Move to app/Meta" component={ArrowMeta} />

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

<ComponentStatus status={COMPONENT_STATUS.DEPRECATED} />

## Installation

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

## Basic usage

<Canvas>
  <Story name="Meta">
    <Box className="mb-4">
      <ArrowMeta heading="Due">November 15, 2020 (7 days)</ArrowMeta>
    </Box>
    <Box className="mb-4">
      <ArrowMeta heading="Asset">
        <Link href="/sentry">Sentry</Link>
      </ArrowMeta>
    </Box>
    <Box className="mb-4">
      <ArrowMeta heading="Status">Open</ArrowMeta>
    </Box>
  </Story>
</Canvas>

## API

<ArgsTable of={ArrowMeta} />