17 lines
349 B
TypeScript
17 lines
349 B
TypeScript
import { useSidebar } from "../context/SidebarContext";
|
|
|
|
const Backdrop: React.FC = () => {
|
|
const { isMobileOpen, toggleMobileSidebar } = useSidebar();
|
|
|
|
if (!isMobileOpen) return null;
|
|
|
|
return (
|
|
<div
|
|
className="fixed inset-0 z-40 bg-gray-900/50 lg:hidden"
|
|
onClick={toggleMobileSidebar}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default Backdrop;
|