import type { MouseEvent as ReactMouseEvent , FunctionComponent , HTMLAttributes , } from 'react' ; import BackDropStyle , { Props } from './BackDropStyle' ; const BackDrop = ( { backdropOpacity , onClick , ... otherProps } ) => { const handleOnClick = ( e ) => { if ( onClick ) { onClick ( e ) ; } } ; return ( < BackDropStyle backdropOpacity = { backdropOpacity } onClick = { handleOnClick } { ... otherProps } />); } ; export { Props } ; export default BackDrop ;