import { useCallback, useState } from "react";

export function useMenuAnchor() {
  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);

  const open = Boolean(anchorEl);
  const setAnchor = useCallback((element: HTMLElement) => setAnchorEl(element), []);
  const close = useCallback(() => setAnchorEl(null), []);

  return { anchorEl, open, setAnchor, close };
}