@cbinsights/fds/lib/components/FlexItem/index.js

Form: A design system by CB Insights

"use strict";

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

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

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

var _classcat = _interopRequireDefault(require("classcat"));

/**
 * @description map of justify prop values to class names
 */
var JustifyPropMap = {
  start: 'flexItem--justifyStart',
  end: 'flexItem--justifyEnd',
  center: 'flexItem--justifyCenter',
  spaceBetween: 'flexItem--justifySpaceBetween',
  spaceAround: 'flexItem--justifySpaceAround'
};
/**
 * @description map of align prop values to class names
 */

var AlignPropMap = {
  start: 'flexItem--alignStart',
  end: 'flexItem--alignEnd',
  center: 'flexItem--alignCenter'
};

/**
 * @param {Object} props react props
 * @returns {ReactElement}
 */
var FlexItem = function FlexItem(_ref) {
  var _ref$shrink = _ref.shrink,
      shrink = _ref$shrink === void 0 ? false : _ref$shrink,
      justify = _ref.justify,
      align = _ref.align,
      children = _ref.children;
  var classNames = (0, _classcat.default)([align && AlignPropMap[align], justify && JustifyPropMap[justify], {
    'flexItem--shrink': shrink
  }, 'flexItem']);
  return /*#__PURE__*/_react.default.createElement("div", {
    className: classNames
  }, children);
};

var _default = FlexItem;
exports.default = _default;