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>
  );
}
