|
- import _extends from "@babel/runtime/helpers/esm/extends";
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
- import React from 'react';
- import PropTypes from 'prop-types';
- import classNames from 'classnames';
- import { mapToCssModules, tagPropType } from './utils';
- var propTypes = {
- tag: tagPropType,
- top: PropTypes.bool,
- bottom: PropTypes.bool,
- className: PropTypes.string,
- cssModule: PropTypes.object
- };
- var defaultProps = {
- tag: 'img'
- };
-
- var CardImg = function CardImg(props) {
- var className = props.className,
- cssModule = props.cssModule,
- top = props.top,
- bottom = props.bottom,
- Tag = props.tag,
- attributes = _objectWithoutPropertiesLoose(props, ["className", "cssModule", "top", "bottom", "tag"]);
-
- var cardImgClassName = 'card-img';
-
- if (top) {
- cardImgClassName = 'card-img-top';
- }
-
- if (bottom) {
- cardImgClassName = 'card-img-bottom';
- }
-
- var classes = mapToCssModules(classNames(className, cardImgClassName), cssModule);
- return React.createElement(Tag, _extends({}, attributes, {
- className: classes
- }));
- };
-
- CardImg.propTypes = propTypes;
- CardImg.defaultProps = defaultProps;
- export default CardImg;
|