bbm-component-library-test/dist/Icon/Icon.stories.js

React based component library for all BBM web applications

"use strict";

var _templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n\n  li {\n    height: 100px;\n    width: 100px;\n    background: #eee;\n    display: inline-flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin: 10px;\n\n    > span {\n      font-family: Roboto;\n      margin-top: 5px;\n      font-size: 12px;\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n\n  li {\n    height: 100px;\n    width: 100px;\n    background: #eee;\n    display: inline-flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin: 10px;\n\n    > span {\n      font-family: Roboto;\n      margin-top: 5px;\n      font-size: 12px;\n    }\n  }\n"]);

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _styledComponents = require("styled-components");

var _styledComponents2 = _interopRequireDefault(_styledComponents);

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

var _addonInfo = require("@storybook/addon-info");

var _index = require("./index");

var _index2 = _interopRequireDefault(_index);

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

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } // eslint-disable-line
// eslint-disable-line

var iconKeys = Object.keys(_index.icons);

var IconContainer = _styledComponents2.default.ul(_templateObject);

(0, _react3.storiesOf)("common/Icon", module).add("default", (0, _addonInfo.withInfo)()(function () {
  return _react2.default.createElement(
    IconContainer,
    null,
    iconKeys.map(function (icon) {
      return _react2.default.createElement(
        "li",
        { key: icon },
        _react2.default.createElement(_index2.default, { type: icon, width: "30", height: "30" }),
        _react2.default.createElement(
          "span",
          null,
          icon
        )
      );
    })
  );
})).add("with color", (0, _addonInfo.withInfo)()(function () {
  return _react2.default.createElement(
    IconContainer,
    null,
    iconKeys.map(function (icon) {
      return _react2.default.createElement(
        "li",
        { key: icon },
        _react2.default.createElement(_index2.default, { type: icon, width: "30", height: "30", color: "#cc0000" }),
        _react2.default.createElement(
          "span",
          null,
          icon
        )
      );
    })
  );
}));