import * as React from "react";
import { storiesOf } from "@storybook/react";
import Story from "../../storybook-components/Story";
import { Box } from "../Box";
import { Link } from "../Link";
import { Meta } from "./Meta";

const stories = storiesOf("Components/Data/Meta", module);

stories.add("Default", () => (
  <Story title="Meta">
    <Box className="mb-4">
      <Meta heading="Due">November 15, 2020 (7 days)</Meta>
    </Box>
    <Box className="mb-4">
      <Meta heading="Asset">
        <Link href="/sentry">Sentry</Link>
      </Meta>
    </Box>
    <Box className="mb-4">
      <Meta heading="Status">Open</Meta>
    </Box>
  </Story>
));