freesewing/packages/components/src/Workbench/stories.js

import React from "react";
import { storiesOf } from "@storybook/react";
import Workbench from ".";
import freesewing from "@freesewing/core";

const config = {
  name: "aaron",
  version: "0.1",
  design: "Joost De Cock",
  code: "Joost De Cock",
  department: "menswear",
  type: "pattern",
  difficulty: 1,
  tags: ["story", "test"],
  optionGroups: {
    fit: ["armholeDrop", "backlineBend"]
  },
  measurements: ["bicepsCircumference", "centerBackNeckToWaist"],
  parts: ["base"],
  options: {
    armholeDrop: { pct: 10, min: 1, max: 75 },
    backlineBend: { mm: 50, min: 50, max: 100 }
  }
};

const gist = {
  settings: {
    embed: true,
    sa: 10,
    complete: true,
    paperless: false,
    locale: "en",
    units: "metric",
    margin: 2,
    options: {
      armholeDrop: 50
    }
  }
};

const props = {
  freesewing,
  Pattern: () => "aaron",
  config,
  from: gist
};

storiesOf("Workbench", module)
  .add("Metric", () => <Workbench {...props} units="metric" />)
  .add("Imperial", () => <Workbench {...props} units="imperial" />);