{title}

import { AnimatePresence, domAnimation, LazyMotion, m, Variants, } from "framer-motion"; import Head from "next/head"; import { useRouter } from "next/router"; import NavBar from "../components/dashboard/NavBar"; interface DashLayoutProps { children: React.ReactNode; metaTags: { title?: string; ogTitle?: string; description?: string; ogDescription?: string; content?: string; imageUrl?: string; themeColor?: string; misc?: { [key: string]: string; }; }; } function DashLayout(props: DashLayoutProps) { // get the current route for animation purposes const router = useRouter(); const title = props.metaTags.title ?? "Dashboard - toffee"; return ( {title} {props.metaTags.misc && Object.keys(props.metaTags.misc).map((key) => { return ( ); })}

{/* dashboard nav bar */} {/* dashboard content */} {props.children}

); } const containerVariants: Variants = { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, }; export default DashLayout;