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

React based component library for all BBM web applications

"use strict";

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

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

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

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

var _Card = require("./Card");

var _Card2 = _interopRequireDefault(_Card);

var _themes = require("../../../styles/settings/themes");

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

// eslint-disable-line

(0, _react3.storiesOf)("common/Card", module).add("with title", (0, _addonInfo.withInfo)()(function () {
  return _react2.default.createElement(
    _styledComponents.ThemeProvider,
    { theme: _themes.defaultTheme },
    _react2.default.createElement(_Card2.default, { title: "Operation sumary" })
  );
})).add("with icon", (0, _addonInfo.withInfo)()(function () {
  return _react2.default.createElement(
    _styledComponents.ThemeProvider,
    { theme: _themes.defaultTheme },
    _react2.default.createElement(_Card2.default, { icon: "Cash" })
  );
})).add("with title and icon", (0, _addonInfo.withInfo)()(function () {
  return _react2.default.createElement(
    _styledComponents.ThemeProvider,
    { theme: _themes.defaultTheme },
    _react2.default.createElement(_Card2.default, { icon: "Cash", title: "Operation sumary" })
  );
})).add("with content", (0, _addonInfo.withInfo)()(function () {
  return _react2.default.createElement(
    _styledComponents.ThemeProvider,
    { theme: _themes.defaultTheme },
    _react2.default.createElement(
      _Card2.default,
      { icon: "Cash", title: "Operation sumary" },
      _react2.default.createElement(
        "p",
        null,
        "some content"
      )
    )
  );
})); // eslint-disable-line