| 1 |
/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */ |
| 2 |
/* eslint-disable jsx-a11y/no-static-element-interactions */ |
| 3 |
/* eslint-disable jsx-a11y/click-events-have-key-events */ |
| 4 |
import './popover.scss'; |
| 5 |
|
| 6 |
export default function Popover( props ) { |
| 7 |
return ( |
| 8 |
<> |
| 9 |
<div className="eps-popover__background" onClick={ props.closeFunction } /> |
| 10 |
<ul className={ `eps-popover ${ props.className }` } onClick={ props.closeFunction }> |
| 11 |
{ props.children } |
| 12 |
</ul> |
| 13 |
</> |
| 14 |
); |
| 15 |
} |
| 16 |
|
| 17 |
Popover.propTypes = { |
| 18 |
children: PropTypes.any.isRequired, |
| 19 |
className: PropTypes.string, |
| 20 |
closeFunction: PropTypes.func, |
| 21 |
}; |
| 22 |
|
| 23 |
Popover.defaultProps = { |
| 24 |
className: '', |
| 25 |
}; |
| 26 |
|
