import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { FadePopup } from './FadePopup';
import { SidebarPopoverItem } from './SidebarPopoverItem';
import { StyledBottomDrawer, Title, Wrapper } from './styles';
import { useLogic } from './useLogic';
export const DashboardSidebarPopover = ({ title, children, }) => {
    const { handleClosePopover, isPopupOpen } = useLogic();
    return (_jsxs(_Fragment, { children: [_jsxs(FadePopup, { isOpen: isPopupOpen, children: [_jsx(Title, { component: "h4", color: "textSecondary", variant: "subtitle2", children: title }), _jsx(Wrapper, { children: children })] }), _jsx(StyledBottomDrawer, { title: title, open: isPopupOpen, onClose: handleClosePopover, children: _jsx(Wrapper, { children: children }) })] }));
};
DashboardSidebarPopover.Item = SidebarPopoverItem;
