import "../styles/globals.css"; import { ClerkProvider, SignedIn, SignedOut, UserButton } from "@clerk/nextjs"; import { Inter } from "next/font/google"; import Image from "next/image"; import Script from "next/script"; import styles from "../styles/Header.module.css"; import Link from "next/link"; import type { Metadata } from "next"; const inter = Inter({ subsets: ["latin"] }); export const metadata: Metadata = { title: "Clerk with App Router", description: "Power your Next.js application with Clerk ", }; const Header = () => (
Logo Your application
Sign in
); export default function RootLayout({ children, }: { children: React.ReactNode; }) { return (
{children}