1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18import { Toasts } from '~/components/alerts'; import { Announcer, Footer, Header, MaxWidthWrapper } from '.'; const RootLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => ( <> <Toasts> <Announcer /> <Header /> <main className="flex min-h-[calc(100svh-(130px))] flex-col bg-[#e9ecef]"> <MaxWidthWrapper className="flex-1 py-12">{children}</MaxWidthWrapper> </main> <Footer /> </Toasts> </> ); export default RootLayout;