import type { Metadata } from 'next'
import './globals.css'
import MaterialSymbols from './components/MaterialSymbols'

export const metadata: Metadata = {
  title: 'ThirdEye Dashboard',
  description: 'Multi-Agent Conversation Intelligence',
  icons: {
    icon: '/new-logo.png',
  },
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en" className="dark">
      <body className="text-on-surface font-poppins selection:bg-primary-container selection:text-on-primary-container">
        <MaterialSymbols />
        {children}
      </body>
    </html>
  )
}
