movie-web/src/components/Overlay.tsx
2023-10-14 19:28:27 +02:00

22 lines
485 B
TypeScript

import { Helmet } from "react-helmet-async";
import { Transition } from "@/components/Transition";
export function Overlay(props: { children: React.ReactNode }) {
return (
<>
<Helmet>
<body data-no-scroll />
</Helmet>
<div className="fixed inset-0 z-[99999]">
<Transition
animation="fade"
className="absolute inset-0 bg-[rgba(8,6,18,0.85)]"
isChild
/>
{props.children}
</div>
</>
);
}