25 lines
979 B
JavaScript
25 lines
979 B
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import classNames from 'classnames';
|
|
import { mapToCssModules } from './utils';
|
|
function CarouselCaption(props) {
|
|
var captionHeader = props.captionHeader,
|
|
captionText = props.captionText,
|
|
cssModule = props.cssModule,
|
|
className = props.className;
|
|
var classes = mapToCssModules(classNames(className, 'carousel-caption', 'd-none', 'd-md-block'), cssModule);
|
|
return /*#__PURE__*/React.createElement("div", {
|
|
className: classes
|
|
}, /*#__PURE__*/React.createElement("h3", null, captionHeader), /*#__PURE__*/React.createElement("p", null, captionText));
|
|
}
|
|
CarouselCaption.propTypes = {
|
|
/** Heading for the caption */
|
|
captionHeader: PropTypes.node,
|
|
/** Text for caption */
|
|
captionText: PropTypes.node.isRequired,
|
|
/** Add custom class */
|
|
className: PropTypes.string,
|
|
/** Change underlying component's CSS base class name */
|
|
cssModule: PropTypes.object
|
|
};
|
|
export default CarouselCaption; |