21 lines
604 B
TypeScript
21 lines
604 B
TypeScript
import { Background } from './Background';
|
|
|
|
type AuthenticationLayoutProps = {
|
|
children?: React.ReactNode;
|
|
};
|
|
|
|
export function AuthenticationLayout({ children }: AuthenticationLayoutProps) {
|
|
return (
|
|
<div className="relative overflow-hidden h-dvh outline-none inset-0">
|
|
<section className="relative h-dvh snap-start overflow-hidden">
|
|
<Background />
|
|
<div className="absolute inset-0 z-20">
|
|
<div className="absolute inset-x-0 bottom-0 z-20 flex justify-center pb-8 md:pb-12">
|
|
{children}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
);
|
|
}
|