@drivy/cobalt/components/Popover/DesktopPopover.js

Opinionated design system for Drivy's projects.

import { useEffect } from "react";
import { registerPopover } from "./popoverRegistry.js";
import { useDesktopPopoverCore } from "./useDesktopPopoverCore.js";
const DesktopPopover = ({ targetRef, children, isOpen, onOpenChange, ...rest })=>{
    const referenceElement = targetRef && "current" in targetRef ? targetRef.current : targetRef;
    useEffect(()=>{
        if (!onOpenChange) return;
        return registerPopover(()=>{
            onOpenChange(false);
        });
    }, [
        onOpenChange
    ]);
    const { refs, getReferenceProps, renderFloating } = useDesktopPopoverCore({
        isOpen,
        onOpenChange,
        referenceElement,
        ...rest
    });
    if ("function" == typeof children) return children({
        refs,
        getReferenceProps,
        renderFloating
    });
    return renderFloating(children);
};
export { DesktopPopover };

//# sourceMappingURL=DesktopPopover.js.map