export function SidebarOverlay({
  open,
  onClose,
}: {
  open: boolean;
  onClose: () => void;
}) {
  return (
    <button
      aria-label="Chiudi navigazione"
      className={`fixed inset-0 z-40 bg-slate-950/25 backdrop-blur-sm transition-opacity duration-200 ease-out lg:hidden ${
        open ? "opacity-100" : "pointer-events-none opacity-0"
      }`}
      onClick={onClose}
      tabIndex={open ? 0 : -1}
      type="button"
    />
  );
}
