20 lines
449 B
TypeScript
20 lines
449 B
TypeScript
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"
|
|
/>
|
|
);
|
|
}
|