Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 
 
 

57 wiersze
1.6 KiB

  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. exports.__esModule = true;
  4. exports.default = void 0;
  5. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  6. var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
  7. var _react = _interopRequireDefault(require("react"));
  8. var _propTypes = _interopRequireDefault(require("prop-types"));
  9. var _classnames = _interopRequireDefault(require("classnames"));
  10. var _utils = require("./utils");
  11. var propTypes = {
  12. tag: _utils.tagPropType,
  13. top: _propTypes.default.bool,
  14. bottom: _propTypes.default.bool,
  15. className: _propTypes.default.string,
  16. cssModule: _propTypes.default.object
  17. };
  18. var defaultProps = {
  19. tag: 'img'
  20. };
  21. var CardImg = function CardImg(props) {
  22. var className = props.className,
  23. cssModule = props.cssModule,
  24. top = props.top,
  25. bottom = props.bottom,
  26. Tag = props.tag,
  27. attributes = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "cssModule", "top", "bottom", "tag"]);
  28. var cardImgClassName = 'card-img';
  29. if (top) {
  30. cardImgClassName = 'card-img-top';
  31. }
  32. if (bottom) {
  33. cardImgClassName = 'card-img-bottom';
  34. }
  35. var classes = (0, _utils.mapToCssModules)((0, _classnames.default)(className, cardImgClassName), cssModule);
  36. return _react.default.createElement(Tag, (0, _extends2.default)({}, attributes, {
  37. className: classes
  38. }));
  39. };
  40. CardImg.propTypes = propTypes;
  41. CardImg.defaultProps = defaultProps;
  42. var _default = CardImg;
  43. exports.default = _default;