diff options
author | 2019-05-04 21:13:12 +0300 | |
---|---|---|
committer | 2023-01-13 10:37:54 +0300 | |
commit | f470636a70943a8ecad8bddc791a1c2dddd28e1e (patch) | |
tree | c43d109d88adbde9a696084070cdd92c6b9a004b /vnext/src/ui/Modal.js | |
parent | 3d7d213e3ddc5bf4f71d536f31677b768aa3b7c0 (diff) |
Components -> UI
Diffstat (limited to 'vnext/src/ui/Modal.js')
-rw-r--r-- | vnext/src/ui/Modal.js | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/vnext/src/ui/Modal.js b/vnext/src/ui/Modal.js new file mode 100644 index 00000000..799a6f35 --- /dev/null +++ b/vnext/src/ui/Modal.js @@ -0,0 +1,29 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +import Icon from './Icon'; + +import './Modal.css'; + +function Modal(props) { + return props.show ? ( + <div id="dialogt"> + <div id="dialogw"> + <div id="dialog_header"> + <div id="dialogc" onClick={props.onClose}> + <Icon name="ei-close" size="s" /> + </div> + </div> + {props.children} + </div> + </div> + ) : (null); +} + +export default React.memo(Modal); + +Modal.propTypes = { + onClose: PropTypes.func.isRequired, + show: PropTypes.bool, + children: PropTypes.node +}; |