import React, { useRef } from 'react'; import { Cross } from 'shared/icons'; import useOnOutsideClick from 'shared/hooks/onOutsideClick'; import { Container, Header, HeaderTitle, Content, CloseButton } from './Styles'; type Props = { title: string; top: number; left: number; onClose: () => void; }; const PopupMenu: React.FC = ({ title, top, left, onClose, children }) => { const $containerRef = useRef(); useOnOutsideClick($containerRef, true, onClose, null); return (
{title} onClose()}>
{children}
); }; export default PopupMenu;