@sberdevices/plasma-temple/dist/components/Grid/Grid.js

SberDevices CanvasApp Templates.

"use strict";

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

var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));

var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));

var _plasmaUi = /*#__PURE__*/require("@sberdevices/plasma-ui");

var _FullScreenBackground = /*#__PURE__*/require("../FullScreenBackground/FullScreenBackground");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var StyledContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
  componentId: "plasma-temple__sc-1sfi3me-0"
})(["display:grid;grid-gap:1rem;grid-template-columns:repeat(", ",1fr);grid-auto-rows:1fr;"], function (_ref) {
  var columns = _ref.columns;
  return columns;
});

var getColumnCount = function getColumnCount(_ref2) {
  var columnXL = _ref2.columnXL,
      columnM = _ref2.columnM,
      columnS = _ref2.columnS;

  switch ((0, _plasmaUi.detectDevice)()) {
    case 'sberBox':
      return columnXL;

    case 'sberPortal':
      return columnM;

    default:
      return columnS;
  }
};
/** Компонент для отображения однотипного контента (обычно карточки) в виде сетки с заданным количеством колонок */


function Grid(_ref3) {
  var _ref3$columnXL = _ref3.columnXL,
      columnXL = _ref3$columnXL === void 0 ? 4 : _ref3$columnXL,
      _ref3$columnS = _ref3.columnS,
      columnS = _ref3$columnS === void 0 ? 2 : _ref3$columnS,
      _ref3$columnM = _ref3.columnM,
      columnM = _ref3$columnM === void 0 ? 3 : _ref3$columnM,
      className = _ref3.className,
      children = _ref3.children,
      background = _ref3.background;
  return /*#__PURE__*/_react["default"].createElement(StyledContainer, {
    className: className,
    columns: getColumnCount({
      columnXL: columnXL,
      columnM: columnM,
      columnS: columnS
    })
  }, background && /*#__PURE__*/_react["default"].createElement(_FullScreenBackground.FullScreenBackground, {
    src: background.src
  }), children);
}
//# sourceMappingURL=Grid.js.map