var _excluded = ["children", "columns", "minHeight"];
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
import React from 'react';
import styled from 'styled-components';
import { colors } from '../../_styles/colors';
var StyledCell = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledCell",
  componentId: "core-12_34_1__sc-7owp8g-0"
})(["display:flex;align-items:center;justify-content:center;padding:0 48px;border-bottom:1px dashed ", ";border-right:1px dashed ", ";"], colors.gray90, colors.gray90);
var StyledGrid = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledGrid",
  componentId: "core-12_34_1__sc-7owp8g-1"
})(["align-items:center;justify-content:center;display:grid;gap:0;border-top:1px dashed ", ";border-left:1px dashed ", ";grid-template-columns:repeat( ", ",minmax(0,1fr) );height:100%;width:100%;", "{min-height:", "px;overflow:hidden;}"], colors.gray90, colors.gray90, function (_ref) {
  var _ref$$columns = _ref.$columns,
    $columns = _ref$$columns === void 0 ? 1 : _ref$$columns;
  return $columns;
}, StyledCell, function (_ref2) {
  var $minHeight = _ref2.$minHeight;
  return $minHeight;
});
var StyledGridContainer = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledGridContainer",
  componentId: "core-12_34_1__sc-7owp8g-2"
})(["height:100%;padding:24px;width:100%;"]);
export var StoryGrid = function StoryGrid(_ref3) {
  var children = _ref3.children,
    _ref3$columns = _ref3.columns,
    columns = _ref3$columns === void 0 ? 1 : _ref3$columns,
    _ref3$minHeight = _ref3.minHeight,
    minHeight = _ref3$minHeight === void 0 ? 100 : _ref3$minHeight,
    props = _objectWithoutProperties(_ref3, _excluded);
  return /*#__PURE__*/React.createElement(StyledGridContainer, props, /*#__PURE__*/React.createElement(StyledGrid, {
    $columns: columns,
    $minHeight: minHeight
  }, React.Children.map(children, function (child, i) {
    return /*#__PURE__*/React.createElement(StyledCell, null, child);
  })));
};
//# sourceMappingURL=StoryGrid.js.map