@flexis/ui/components/Badge/Badge.stories.js

Styleless React Components

"use strict";

var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");

var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");

_Object$defineProperty(exports, "__esModule", {
  value: true
});

exports.default = exports.stylableApi = void 0;

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

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

var _stories = require("../../helpers/stories");

var _types = require("../common/types");

var _ = _interopRequireWildcard(require("./"));

var _createElement = _react.default.createElement;
var _global = global,
    TestIcon = _global.TestIcon;
var stylableApi = "\nStylable API\n---\n- BadgeContainer\n".concat((0, _stories.buildInfo)([{
  values: _types.PlacementValues,
  prefix: ':',
  postfix: 'placement',
  indent: 1
}, {
  values: _types.AlignValues,
  prefix: ':',
  postfix: 'align',
  indent: 1
}]), "\n");
exports.stylableApi = stylableApi;

var _ref = /*#__PURE__*/_createElement(TestIcon, {
  width: "32px",
  height: "32px"
});

var _default = (0, _stories.storiesOf)('Badge', module).addParameters({
  info: stylableApi
}).add('with text', function () {
  return _createElement(_.default, null, (0, _react2.text)('Content', 'Badge'));
}).add('with container', function () {
  return _createElement(_.BadgeContainer, {
    placement: (0, _react2.select)('Placement', _types.PlacementValues, 'top'),
    align: (0, _react2.select)('Align', _types.AlignValues, 'start')
  }, _ref, _createElement(_.default, null, (0, _react2.text)('Content', 'Badge')));
});

exports.default = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JhZGdlL0JhZGdlLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBSUE7O0FBSUE7O0FBSUE7OztjQU1JLE07SUFESCxRLFdBQUEsUTtBQUdNLElBQU0sV0FBVyxvREFJdEIsd0JBQVUsQ0FDWDtBQUNDLEVBQUEsTUFBTSxFQUFHLHNCQURWO0FBRUMsRUFBQSxNQUFNLEVBQUcsR0FGVjtBQUdDLEVBQUEsT0FBTyxFQUFFLFdBSFY7QUFJQyxFQUFBLE1BQU0sRUFBRztBQUpWLENBRFcsRUFPWDtBQUNDLEVBQUEsTUFBTSxFQUFHLGtCQURWO0FBRUMsRUFBQSxNQUFNLEVBQUcsR0FGVjtBQUdDLEVBQUEsT0FBTyxFQUFFLE9BSFY7QUFJQyxFQUFBLE1BQU0sRUFBRztBQUpWLENBUFcsQ0FBVixDQUpzQixPQUFqQjs7O3dCQXVDSCxlQUFDLFFBQUQ7QUFDQyxFQUFBLEtBQUssRUFBQyxNQURQO0FBRUMsRUFBQSxNQUFNLEVBQUM7QUFGUixFOztlQW5CVyx3QkFBVSxPQUFWLEVBQW1CLE1BQW5CLEVBQ2IsYUFEYSxDQUNDO0FBQ2QsRUFBQSxJQUFJLEVBQUU7QUFEUSxDQURELEVBSWIsR0FKYSxDQUtiLFdBTGEsRUFNYjtBQUFBLFNBQ0MsZUFBQyxTQUFELFFBQ0Usa0JBQUssU0FBTCxFQUFnQixPQUFoQixDQURGLENBREQ7QUFBQSxDQU5hLEVBWWIsR0FaYSxDQWFiLGdCQWJhLEVBY2I7QUFBQSxTQUNDLGVBQUMsZ0JBQUQ7QUFDQyxJQUFBLFNBQVMsRUFBRSxvQkFBTyxXQUFQLEVBQW9CLHNCQUFwQixFQUFxQyxLQUFyQyxDQURaO0FBRUMsSUFBQSxLQUFLLEVBQUUsb0JBQU8sT0FBUCxFQUFnQixrQkFBaEIsRUFBNkIsT0FBN0I7QUFGUixXQVFDLGVBQUMsU0FBRCxRQUNFLGtCQUFLLFNBQUwsRUFBZ0IsT0FBaEIsQ0FERixDQVJELENBREQ7QUFBQSxDQWRhLEMiLCJzb3VyY2VSb290IjoiIn0=