| 1 |
import { arrayToClassName } from '../../utils/utils'; |
| 2 |
|
| 3 |
import Heading from 'elementor-app/ui/atoms/heading'; |
| 4 |
import Text from 'elementor-app/ui/atoms/text'; |
| 5 |
|
| 6 |
export default function ModalTip( props ) { |
| 7 |
return ( |
| 8 |
<div className={ arrayToClassName( [ 'eps-modal__tip', props.className ] ) }> |
| 9 |
<Heading variant="h3" tag="h3">{ props.title }</Heading> |
| 10 |
{ props.description && <Text variant="xs">{ props.description }</Text> } |
| 11 |
</div> |
| 12 |
); |
| 13 |
} |
| 14 |
|
| 15 |
ModalTip.propTypes = { |
| 16 |
className: PropTypes.string, |
| 17 |
title: PropTypes.string, |
| 18 |
description: PropTypes.string, |
| 19 |
}; |
| 20 |
|
| 21 |
ModalTip.defaultProps = { |
| 22 |
className: '', |
| 23 |
title: __( 'Tip', 'elementor' ), |
| 24 |
}; |
| 25 |
|
