12345678910111213141516171819202122232425262728293031323334353637383940 |
- import React from 'react'
- import PropTypes from 'prop-types'
- import classnames from 'classnames'
-
- require('./CardPopup.styl')
-
- const CardPopup = props => {
- return (
- <div className={classnames(props.customClass, 'cardPopup')}>
- <div className='cardPopup__container'>
- <div className={classnames(props.customHeaderClass, 'cardPopup__header')} style={{backgroundColor: props.customColor}} />
-
- <div className='cardPopup__close' onClick={props.onClose}>
- <i className='fa fa-times' />
- </div>
-
- <div className='cardPopup__body'>
- { props.children }
- </div>
- </div>
- </div>
- )
- }
-
- export default CardPopup
-
- CardPopup.propTypes = {
- customClass: PropTypes.string,
- customHeaderClass: PropTypes.string,
- customColor: PropTypes.string,
- onClose: PropTypes.func
- }
-
- CardPopup.defaultProps = {
- customClass: 'defaultCustomClass',
- customHeaderClass: '',
- customColor: '',
- onClose: () => {}
- }
|