perplexica/ui/app/layout.tsx

46 lines
1.3 KiB
TypeScript
Raw Normal View History

2024-04-09 10:51:05 +00:00
import type { Metadata } from 'next';
import { Montserrat } from 'next/font/google';
import './globals.css';
import { cn } from '@/lib/utils';
import Sidebar from '@/components/Sidebar';
2024-05-04 09:26:54 +00:00
import { Toaster } from 'sonner';
2024-05-24 10:20:15 +00:00
import { ThemeProviderComponent } from '@/components/theme/Provider';
2024-04-09 10:51:05 +00:00
const montserrat = Montserrat({
weight: ['300', '400', '500', '700'],
subsets: ['latin'],
display: 'swap',
fallback: ['Arial', 'sans-serif'],
});
export const metadata: Metadata = {
title: 'Perplexica - Chat with the internet',
description:
'Perplexica is an AI powered chatbot that is connected to the internet.',
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
2024-05-24 10:20:15 +00:00
<html className="h-full" lang="en" suppressHydrationWarning>
2024-04-09 10:51:05 +00:00
<body className={cn('h-full', montserrat.className)}>
2024-05-24 10:20:15 +00:00
<ThemeProviderComponent>
<Sidebar>{children}</Sidebar>
<Toaster
toastOptions={{
unstyled: true,
classNames: {
toast:
2024-05-27 03:49:09 +00:00
'bg-light-primary dark:bg-dark-primary text-white rounded-lg p-4 flex flex-row items-center space-x-2',
2024-05-24 10:20:15 +00:00
},
}}
/>
</ThemeProviderComponent>
2024-04-09 10:51:05 +00:00
</body>
</html>
);
}