video-label.showcase.js

/* eslint-disable react/prop-types */
import React from "react";
import { colours } from "@times-components/styleguide";
import pick from "lodash.pick";
import { sections } from "@times-components/storybook";
import VideoLabel from "./src/video-label";

export default {
  children: [
    {
      component: ({ select }) => (
        <VideoLabel
          color={select(
            "Section",
            pick(colours.section, sections),
            colours.section.default
          )}
        />
      ),
      name: "Without title",
      type: "story"
    },
    {
      component: ({ select }) => (
        <VideoLabel
          color={select(
            "Section",
            pick(colours.section, sections),
            colours.section.default
          )}
          title="swimming"
        />
      ),
      name: "With title",
      type: "story"
    }
  ],
  name: "Primitives/Video Label"
};