export default function AuthLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <>
      <noscript>
        <div style={{ fontFamily: "sans-serif", textAlign: "center", marginTop: "4rem", color: "#374151" }}>
          <strong>JavaScript is required</strong>
          <p>PingCAP Social Hub requires JavaScript for Google Sign-In. Please enable JavaScript in your browser.</p>
        </div>
      </noscript>
      <div className="flex min-h-screen items-center justify-center bg-white p-4">
        {children}
      </div>
    </>
  );
}