import { createContext, useContext } from 'react';
import { PortalGroupedMenu } from '@/components/portal-grouped-menu';

export const MenuPlacement = createContext(false);

export function PortalMenu({ primary = false }: { primary?: boolean }) {
    const placed = useContext(MenuPlacement);
    return placed && !primary ? null : <PortalGroupedMenu />;
}