import type { Metadata } from 'next' import { dark, neobrutalism } from '@clerk/themes' import { ClerkProvider, SignInButton, SignUpButton, SignedIn, SignedOut, UserButton, } from '@clerk/nextjs' import { Geist, Geist_Mono } from 'next/font/google' import './globals.css' import Menu from './menu' const geistSans = Geist({ variable: '--font-geist-sans', subsets: ['latin'], }) const geistMono = Geist_Mono({ variable: '--font-geist-mono', subsets: ['latin'], }) export const metadata: Metadata = { title: 'Pawship', description: 'Generated by create next app', } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return (

{/* Show the sign-in and sign-up buttons when the user is signed out */} {/* Show the user button when the user is signed in */}

This is the index layout warpper \/

{children}

This is the index layout warpper /\

) }