import type { Metadata } from 'next'
import './globals.css'
import { ConvexClientProvider } from '@/components/ConvexClientProvider'
import { ToastProvider } from '@/components/toast/Toast'
import { GlobalQuickSwitcher } from '@/components/GlobalQuickSwitcher'

export const metadata: Metadata = {
  title: 'Suno Spaces',
  description: 'Digital music collaboration platform',
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en">
      <body className="antialiased">
        <ConvexClientProvider>
          <ToastProvider>
            <GlobalQuickSwitcher />
            {children}
          </ToastProvider>
        </ConvexClientProvider>
      </body>
    </html>
  )
}
