import { ReactNode, Suspense } from 'react'; import { Inter } from 'next/font/google'; import { cn } from '@/lib/utils'; import { TooltipProvider } from '@/components/ui/tooltip'; import { Toaster } from '@/components/ui/sonner'; import { Metadata } from 'next'; import { ThemeProvider } from 'next-themes'; import '@/styles/globals.css'; const inter = Inter({ subsets: ['latin'] }); export const metadata: Metadata = { title: { template: '%s | Metronic', default: 'Metronic', // a default is required when creating a template }, }; export default async function RootLayout({ children, }: { children: ReactNode; }) { return ( {children} ); }