42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import React from 'react';
|
|
import RecoilRootWrapper from '@app/recoil-root-wrapper';
|
|
import Header from '@/components/Header';
|
|
import { Inter } from 'next/font/google';
|
|
import { Box, MantineProvider } from '@mantine/core';
|
|
import { ModalsProvider } from '@mantine/modals';
|
|
import { Notifications } from '@mantine/notifications';
|
|
import 'styles/globals.css';
|
|
import '@mantine/core/styles.css';
|
|
import '@mantine/notifications/styles.css';
|
|
import Loading from '@/components/Loading';
|
|
|
|
export const metadata = {
|
|
title: 'Siren',
|
|
description: ''
|
|
};
|
|
|
|
const inter = Inter({ subsets: ['latin'] });
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang='en' className='h-full bg-white'>
|
|
<head>
|
|
<title>Siren</title>
|
|
</head>
|
|
<body className={`${inter.className} wrapper`}>
|
|
<RecoilRootWrapper>
|
|
<MantineProvider>
|
|
<Notifications />
|
|
<ModalsProvider>
|
|
<Loading>
|
|
<Header />
|
|
<Box>{children}</Box>
|
|
</Loading>
|
|
</ModalsProvider>
|
|
</MantineProvider>
|
|
</RecoilRootWrapper>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|