@sberdevices/plasma-temple/dist/components/GalleryCard/GalleryCardContainer.js

SberDevices CanvasApp Templates.

"use strict";

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

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

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

var _GalleryCard = /*#__PURE__*/require("../GalleryCard/GalleryCard");

var _deviceFamily = /*#__PURE__*/require("../../utils/deviceFamily");

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

var Root = function Root(_ref) {
  var onClick = _ref.onClick,
      children = _ref.children;
  var tabIndex = (0, _utils.isSberPortal)() ? undefined : -1;
  return /*#__PURE__*/_react["default"].createElement("div", {
    onClick: onClick,
    tabIndex: tabIndex
  }, children);
};

var GalleryCardContainer = function GalleryCardContainer(_ref2) {
  var card = _ref2.card,
      focused = _ref2.focused,
      index = _ref2.index,
      component = _ref2.component,
      onClick = _ref2.onClick;
  var GalleryCard = component !== null && component !== void 0 ? component : _GalleryCard.GalleryCard;

  var handleClick = _react["default"].useCallback(function () {
    return onClick(card, index);
  }, [card, index, onClick]);

  return /*#__PURE__*/_react["default"].createElement(Root, {
    onClick: handleClick
  }, /*#__PURE__*/_react["default"].createElement(GalleryCard, {
    card: card,
    focused: (0, _deviceFamily.isSberBoxLike)() && focused,
    index: index
  }));
};

exports.GalleryCardContainer = GalleryCardContainer;
//# sourceMappingURL=GalleryCardContainer.js.map