@lskjs/ui2/DEV/Grill.js

"use strict";

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

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

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

var Grill = function Grill(_ref) {
  var children = _ref.children,
      _ref$cols = _ref.cols,
      cols = _ref$cols === void 0 ? 6 : _ref$cols;
  var items;

  if (Array.isArray(children)) {
    items = children.map(function (item) {
      return /*#__PURE__*/_react["default"].createElement("div", null, item);
    });
  } else {
    items = [children];
  } // console.log({ children, items });


  return /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: Array(cols).fill().map(function () {
        return '1fr';
      }).join(' '),
      gridGap: 8,
      alignItems: 'center'
    }
  }, items);
};

exports.Grill = Grill;
var _default = Grill;
exports["default"] = _default;
//# sourceMappingURL=Grill.js.map