1 | import React from 'react';
|
2 | import PropTypes from 'prop-types';
|
3 | import classNames from 'classnames';
|
4 | import { mapToCssModules } from './utils';
|
5 |
|
6 | const CarouselCaption = (props) => {
|
7 | const { captionHeader, captionText, cssModule, className } = props;
|
8 | const classes = mapToCssModules(classNames(
|
9 | className,
|
10 | 'carousel-caption',
|
11 | 'd-none',
|
12 | 'd-md-block'
|
13 | ), cssModule);
|
14 |
|
15 | return (
|
16 | <div className={classes}>
|
17 | <h3>{captionHeader}</h3>
|
18 | <p>{captionText}</p>
|
19 | </div>
|
20 | );
|
21 | };
|
22 |
|
23 | CarouselCaption.propTypes = {
|
24 | captionHeader: PropTypes.node,
|
25 | captionText: PropTypes.node.isRequired,
|
26 | cssModule: PropTypes.object,
|
27 | className: PropTypes.string,
|
28 | };
|
29 |
|
30 | export default CarouselCaption;
|