24 lines
650 B
JavaScript
Executable File
24 lines
650 B
JavaScript
Executable File
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;
|