@zenkit/layout/gapped-item.js

ZenKit components for impliments layout

"use strict";

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

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

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

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

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

var React = _interopRequireWildcard(require("react"));

var _box = _interopRequireDefault(require("./box"));

function GappedItem(props) {
  var gap = props.gap,
      isFirst = props.isFirst,
      isLast = props.isLast,
      classes = props.classes,
      children = props.children,
      otherProps = (0, _objectWithoutProperties2.default)(props, ["gap", "isFirst", "isLast", "classes", "children"]);
  return React.createElement(_box.default, (0, _extends2.default)({
    is: "span",
    position: "relative",
    display: "inline-block",
    ml: !isFirst && gap,
    mr: !isLast && gap
  }, otherProps), children);
}

var _default = GappedItem;
exports.default = _default;