@cbinsights/fds/lib/util/storybook-docs/StoryLayout.js

Form: A design system by CB Insights

"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StoryWrapper = exports.StoryItem = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

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

var _styleConstants = _interopRequireDefault(require("../../dictionary/js/styleConstants"));

var _excluded = ["children", "className"];

var StoryWrapper = function StoryWrapper(_ref) {
  var children = _ref.children,
      _ref$className = _ref.className,
      className = _ref$className === void 0 ? '' : _ref$className,
      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
    className: "display--inlineFlex ".concat(className),
    style: {
      flexWrap: 'wrap',
      marginBottom: "-".concat(_styleConstants.default.SPACE_S),
      marginRight: "-".concat(_styleConstants.default.SPACE_S),
      alignItems: 'center'
    }
  }), children);
};

exports.StoryWrapper = StoryWrapper;

var StoryItem = function StoryItem(_ref2) {
  var children = _ref2.children;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "margin--right--s margin--bottom--s"
  }, children);
};

exports.StoryItem = StoryItem;