vcc-ui/lib/components/box/stories.js

VCC UI is a collection of React UI Components that can be used for developing front-end applications at Volvo Car Corporation.

"use strict";

var _react = _interopRequireDefault(require("react"));

var _react2 = require("@storybook/react");

var _react3 = require("@storybook/addon-knobs/react");

var _ = require("./");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var boxStyle = {
  border: "1px solid grey",
  padding: 20,
  margin: 5
};
(0, _react2.storiesOf)("Core/Box", module).addWithJSX("Default", function () {
  return _react.default.createElement(_.Box, null, _react.default.createElement(_.Box, {
    extend: boxStyle
  }, "Hello"), _react.default.createElement(_.Box, {
    extend: boxStyle
  }, "World"));
}).addWithJSX("Row", function () {
  return _react.default.createElement(_.Box, {
    extend: (0, _react3.object)("extend", {
      flexDirection: "row"
    })
  }, _react.default.createElement(_.Box, {
    extend: boxStyle
  }, "Hello"), _react.default.createElement(_.Box, {
    extend: boxStyle
  }, "World"));
});