UNPKG

2.12 kBJavaScriptView Raw
1import _extends from "@babel/runtime-corejs2/helpers/esm/extends";
2import _objectWithoutPropertiesLoose from "@babel/runtime-corejs2/helpers/esm/objectWithoutPropertiesLoose";
3import _inheritsLoose from "@babel/runtime-corejs2/helpers/esm/inheritsLoose";
4import classNames from 'classnames';
5import React from 'react';
6import PropTypes from 'prop-types';
7import { bsClass, prefix, splitBsProps } from './utils/bootstrapUtils';
8var propTypes = {
9 /**
10 * Sets image as responsive image
11 */
12 responsive: PropTypes.bool,
13
14 /**
15 * Sets image shape as rounded
16 */
17 rounded: PropTypes.bool,
18
19 /**
20 * Sets image shape as circle
21 */
22 circle: PropTypes.bool,
23
24 /**
25 * Sets image shape as thumbnail
26 */
27 thumbnail: PropTypes.bool
28};
29var defaultProps = {
30 responsive: false,
31 rounded: false,
32 circle: false,
33 thumbnail: false
34};
35
36var Image =
37/*#__PURE__*/
38function (_React$Component) {
39 _inheritsLoose(Image, _React$Component);
40
41 function Image() {
42 return _React$Component.apply(this, arguments) || this;
43 }
44
45 var _proto = Image.prototype;
46
47 _proto.render = function render() {
48 var _classes;
49
50 var _this$props = this.props,
51 responsive = _this$props.responsive,
52 rounded = _this$props.rounded,
53 circle = _this$props.circle,
54 thumbnail = _this$props.thumbnail,
55 className = _this$props.className,
56 props = _objectWithoutPropertiesLoose(_this$props, ["responsive", "rounded", "circle", "thumbnail", "className"]);
57
58 var _splitBsProps = splitBsProps(props),
59 bsProps = _splitBsProps[0],
60 elementProps = _splitBsProps[1];
61
62 var classes = (_classes = {}, _classes[prefix(bsProps, 'responsive')] = responsive, _classes[prefix(bsProps, 'rounded')] = rounded, _classes[prefix(bsProps, 'circle')] = circle, _classes[prefix(bsProps, 'thumbnail')] = thumbnail, _classes);
63 return React.createElement("img", _extends({}, elementProps, {
64 className: classNames(className, classes)
65 }));
66 };
67
68 return Image;
69}(React.Component);
70
71Image.propTypes = propTypes;
72Image.defaultProps = defaultProps;
73export default bsClass('img', Image);
\No newline at end of file