import {
ClerkProvider,
SignedIn,
SignedOut,
SignInButton,
SignUpButton,
UserButton,
} from "@clerk/nextjs";
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "../styles/tailwind.css";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
};
// Check if Clerk is enabled
const isClerkEnabled =
process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY &&
process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY !== 'pk_test_YOUR_PUBLISHABLE_KEY';
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
// Render the layout without Clerk if it's not enabled
if (!isClerkEnabled) {
return (
{/* Placeholder for auth buttons when Clerk is disabled */}
{children}
);
}
// Render with Clerk if it's enabled
return (
{children}
);
}