/* This is your Layout. It will wrap your content on every page of the website. You'll have: * The NavBar * The Content, generally a component * The Footer You can change it as you want with new components. You also have the head component containing all the favicon for different platforms. The images are in the public folder. */ import 'react-toastify/dist/ReactToastify.css'; import Head from 'next/head'; import { ToastContainer } from 'react-toastify'; import { useAuth } from 'utils/AuthContext'; import Nav from './Nav'; import Footer from './Footer'; const Layout = (props) => { const { user, signOut } = useAuth(); const toastStyle = { // Style your toast elements here success: 'bg-accent', error: 'bg-red-600', info: 'bg-gray-600', warning: 'bg-orange-400', default: 'bg-primary', dark: 'bg-white-600 font-gray-300', }; return (

); }; export default Layout;