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; } function DashLayout(props: DashLayoutProps) { // get the current route for animation purposes const router = useRouter(); return ( Dashboard - toffee
{/* dashboard nav bar */} {/* dashboard content */} {props.children}
); } const containerVariants: Variants = { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, }; export default DashLayout;