25 lines
745 B
TypeScript
25 lines
745 B
TypeScript
/**
|
|
* @file AuthLayout.tsx
|
|
* @description Layout component wrapping authentication views with a centered container structure.
|
|
*/
|
|
|
|
import React from "react";
|
|
|
|
/**
|
|
* Renders a centered layout wrapper optimized for authentication pages (login, registration, etc.).
|
|
*
|
|
* @param {Object} props - The component props.
|
|
* @param {React.ReactNode} props.children - The inner child components/pages to render inside the layout.
|
|
* @returns {JSX.Element} The rendered authentication layout component.
|
|
*/
|
|
export default function AuthLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<div className="flex h-dvh w-full items-center justify-center p-4">
|
|
<div className="w-full max-w-md">{children}</div>
|
|
</div>
|
|
);
|
|
}
|