chayns-components
Version:
A set of beautiful React components for developing chayns® applications.
58 lines (57 loc) • 2.14 kB
JavaScript
import PropTypes from 'prop-types';
import React from 'react';
import Tooltip from '../../react-chayns-tooltip/component/Tooltip';
export default class ImageAccordionHead extends React.PureComponent {
render() {
const {
item,
width,
itemsPerRow,
wrapperHeight
} = this.props;
return /*#__PURE__*/React.createElement("div", {
className: 'wrapper' + (item.props.disabled ? " disabled" : ""),
style: {
height: wrapperHeight
}
}, /*#__PURE__*/React.createElement("div", {
className: 'image' + (!item.props.image ? " no-image" : ""),
style: {
backgroundImage: item.props.image ? `url(${item.props.image})` : undefined,
borderRadius: item.props.circle ? '50%' : '0%'
}
}), item.props.headline && item.props.headline.length > 12 ? /*#__PURE__*/React.createElement(Tooltip, {
bindListeners: true,
position: 2,
content: {
text: item.props.headline
}
}, /*#__PURE__*/React.createElement("p", {
className: "headline"
}, `${item.props.headline.slice(0, 12)}...`)) : /*#__PURE__*/React.createElement("p", {
className: "headline"
}, item.props.headline), /*#__PURE__*/React.createElement("h5", {
className: "subheadline"
}, item.props.subheadline && item.props.subheadline.length > 13 ? `${item.props.subheadline.slice(0, 13)}...` : item.props.subheadline), item.props.icon && /*#__PURE__*/React.createElement("div", {
className: "icon",
style: {
top: item.props.iconPosition === 2 || item.props.iconPosition === 1 ? '70px' : '0px',
left: item.props.iconPosition === 2 || item.props.iconPosition === 3 ? '10px' : width / itemsPerRow - 15
}
}, item.props.icon));
}
}
ImageAccordionHead.propTypes = {
item: PropTypes.instanceOf(Object),
width: PropTypes.number,
itemsPerRow: PropTypes.number,
wrapperHeight: PropTypes.string
};
ImageAccordionHead.defaultProps = {
item: null,
width: 0,
itemsPerRow: 0,
wrapperHeight: 0
};
ImageAccordionHead.displayName = 'ImageAccordionHead';
//# sourceMappingURL=ImageAccordionHead.js.map