2023-02-19 17:03:54 +00:00
|
|
|
import { Helmet } from "react-helmet";
|
|
|
|
|
2023-04-24 15:41:54 +00:00
|
|
|
import { Transition } from "@/components/Transition";
|
|
|
|
|
2023-02-19 17:03:54 +00:00
|
|
|
export function Overlay(props: { children: React.ReactNode }) {
|
|
|
|
return (
|
|
|
|
<>
|
|
|
|
<Helmet>
|
|
|
|
<body data-no-scroll />
|
|
|
|
</Helmet>
|
2023-02-19 18:54:34 +00:00
|
|
|
<div className="fixed inset-0 z-[99999]">
|
|
|
|
<Transition
|
|
|
|
animation="fade"
|
|
|
|
className="absolute inset-0 bg-[rgba(8,6,18,0.85)]"
|
|
|
|
isChild
|
|
|
|
/>
|
2023-02-19 17:03:54 +00:00
|
|
|
{props.children}
|
|
|
|
</div>
|
|
|
|
</>
|
|
|
|
);
|
|
|
|
}
|