"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Popover = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const BottomDrawer_1 = require("../BottomDrawer");
const useViewportType_1 = require("../useViewportType");
const styles_1 = require("./styles");
/**
 * @deprecated Причина отказа от поддержки: MUI Popover использует backdrop, который перехватывает первый внешний клик и создает UX-эффект "двойного клика". Используйте компонент `NewPopover`.
 */
const Popover = ({ children, onClose, open, title, className, ...restProps }) => {
    const { isMobile } = (0, useViewportType_1.useViewportType)();
    if (isMobile) {
        return ((0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { title: title, onClose: onClose, open: open, className: className, children: children }));
    }
    return ((0, jsx_runtime_1.jsx)(styles_1.StyledMuiPopover, { open: open, onClose: onClose, className: className, ...restProps, children: children }));
};
exports.Popover = Popover;
