// frontend/app/(auth)/layout.jsx
export const metadata = {
  title: "Authentication | DMS",
  description:
    "Login and user authentication pages for Document Management System",
};

export default function AuthLayout({ children }) {
  return (
    // <html lang="en">
      <div className="flex items-center justify-center min-h-screen bg-gradient-to-br from-sky-50 to-sky-100">
        <div className="w-full max-w-md p-6 bg-white shadow-lg rounded-2xl">
          {/* Header */}
          <div className="mb-6 text-center">
            <h1 className="text-2xl font-bold text-sky-800">
              Document Management System
            </h1>
            <p className="text-sm text-sky-600">LCBP3 Project</p>
          </div>

          {/* Main content (children = page.jsx ของ login/register) */}
          <main>{children}</main>

          {/* Footer */}
          <div className="mt-6 text-xs text-center text-gray-500">
            &copy; {new Date().getFullYear()} np-dms.work
          </div>
        </div>
      </div>
    // </html>
  );
}
