All files / src/components/elements Pills.stories.tsx

0% Statements 0/4
100% Branches 0/0
0% Functions 0/2
0% Lines 0/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26                                                   
import { storiesOf } from "@storybook/react";
import { IdentityThemeProvider } from "../../themes";
import { Box } from "rimble-ui";
import { ExpiredPill, SocialPills } from "./Pills";
import { LinkedId } from "../../types";
 
const linkedId: LinkedId = {
  linkedId: "serto_id",
  platform: "Twitter",
  proofUrl: "https://twitter.com/serto_id/status/1445400725161451529",
};
 
storiesOf("Pills", module)
  .add("Expired", () => {
    return <ExpiredPill />;
  })
  .add("Social", () => {
    return (
      <IdentityThemeProvider>
        <Box mb={3}>
          <SocialPills linkedId={linkedId} />
        </Box>
      </IdentityThemeProvider>
    );
  });