'use client';

import { usePlatformSidebar } from '@/contexts/platform-sidebar-context';

export function ShellBackdrop() {
  const { isMobileOpen, toggleMobileSidebar } = usePlatformSidebar();
  if (!isMobileOpen) return null;
  return (
    <div
      className="fixed inset-0 z-40 bg-zinc-950/40 backdrop-blur-[2px] lg:hidden"
      aria-hidden
      onClick={toggleMobileSidebar}
    />
  );
}