@wix/design-system/dist/cjs/Layout/Layout.js

@wix/design-system

"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _spacingSt = require("../Foundation/stylable/spacing.st.css.js");
var _LayoutSt = require("./Layout.st.css.js");
var _context = require("../WixDesignSystemProvider/context");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/Layout/Layout.tsx";
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var formatSpacingValue = value => {
  if (typeof value === 'number') {
    return "".concat(value, "px");
  }
  return _spacingSt.stVars[value] || "".concat(value);
};
var Layout = _ref => {
  var children = _ref.children,
    _ref$gap = _ref.gap,
    gap = _ref$gap === void 0 ? '24px' : _ref$gap,
    cols = _ref.cols,
    justifyItems = _ref.justifyItems,
    alignItems = _ref.alignItems,
    _ref$rowHeight = _ref.rowHeight,
    rowHeight = _ref$rowHeight === void 0 ? 'auto' : _ref$rowHeight,
    dataHook = _ref.dataHook,
    height = _ref.height,
    className = _ref.className;
  var _useContext = (0, _react.useContext)(_context.WixDesignSystemContext),
    mobile = _useContext.mobile;
  var resolvedCols = mobile ? 1 : cols;
  var smartGap = (0, _react.useMemo)(() => formatSpacingValue(gap), [gap]);
  return /*#__PURE__*/_react.default.createElement("div", {
    "data-hook": dataHook,
    "data-gap": smartGap,
    style: {
      height,
      gap: smartGap,
      justifyItems,
      alignItems,
      gridAutoRows: rowHeight,
      gridTemplateColumns: resolvedCols ? "repeat(".concat(resolvedCols, ", minmax(0, 1fr))") : undefined
    },
    className: (0, _LayoutSt.st)(_LayoutSt.classes.root, className),
    children: children,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 33,
      columnNumber: 5
    }
  });
};
Layout.displayName = 'Layout';
var _default = exports.default = Layout;
//# sourceMappingURL=Layout.js.map