Initial commit

client/src/lib/custom-ui/components/Popup/PopupHeader.jsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Button, Popup as SemanticUIPopup } from 'semantic-ui-react';
+
+import styles from './PopupHeader.module.css';
+
+const PopupHeader = React.memo(({ children, onBack }) => (
+  <SemanticUIPopup.Header className={styles.wrapper}>
+    {onBack && <Button icon="angle left" onClick={onBack} className={styles.backButton} />}
+    <div className={styles.content}>{children}</div>
+  </SemanticUIPopup.Header>
+));
+
+PopupHeader.propTypes = {
+  children: PropTypes.node.isRequired,
+  onBack: PropTypes.func,
+};
+
+PopupHeader.defaultProps = {
+  onBack: undefined,
+};
+
+export default PopupHeader;