UNPKG

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