@catho/quantum/Carousel/sub-components/CarouselCard.js

Catho react components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _ThumbCard = _interopRequireDefault(require("./ThumbCard"));
var _DescriptionCard = _interopRequireDefault(require("./DescriptionCard"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var renderCarouselCardSize = function renderCarouselCardSize(card, cardSize) {
  if (cardSize === 'small') return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThumbCard["default"], {
    card: card
  });
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DescriptionCard["default"], {
    card: card,
    cardSize: cardSize
  });
};
var CarouselCard = function CarouselCard(_ref) {
  var card = _ref.card,
    cardSize = _ref.cardSize;
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
    children: renderCarouselCardSize(card, cardSize)
  });
};
CarouselCard.propTypes = {
  card: _propTypes["default"].shape({
    imagePath: _propTypes["default"].string,
    imageDescription: _propTypes["default"].string,
    title: _propTypes["default"].string,
    description: _propTypes["default"].string
  }).isRequired,
  cardSize: _propTypes["default"].oneOf(['small', 'medium', 'large']).isRequired
};
var _default = exports["default"] = CarouselCard;