import { jsx as _jsx } from "react/jsx-runtime";
import { BottomDrawer } from '../BottomDrawer';
import { useViewportType } from '../useViewportType';
import { StyledMuiPopover } from './styles';
/**
 * @deprecated Причина отказа от поддержки: MUI Popover использует backdrop, который перехватывает первый внешний клик и создает UX-эффект "двойного клика". Используйте компонент `NewPopover`.
 */
export const Popover = ({ children, onClose, open, title, className, ...restProps }) => {
    const { isMobile } = useViewportType();
    if (isMobile) {
        return (_jsx(BottomDrawer, { title: title, onClose: onClose, open: open, className: className, children: children }));
    }
    return (_jsx(StyledMuiPopover, { open: open, onClose: onClose, className: className, ...restProps, children: children }));
};
