Files
nextjs/app/(dashboard)/layout.tsx
2024-12-16 13:30:44 +05:30

25 lines
796 B
TypeScript

'use client'
import React from 'react'
import { useRouter } from 'next/navigation'
import ReactConfetti from 'react-confetti'
import Navbar from '@/app/components/Navbar'
import SideBar from '@/app/components/SideBar'
const DashboardLayout = ({ children }: { children: React.ReactNode }) => {
const router = useRouter()
return (
<main className=" gap-3 w-full bg-gray-100 h-screen flex fade-in p-2" >
{/* <ReactConfetti width={window.innerWidth} height={window.innerHeight} tweenDuration={100} /> */}
<SideBar />
<div className="w-full h-full flex flex-col gap-3 ">
<Navbar />
<div className=' h-full rounded-xl bg-white drop-shadow-md shadow-gray-400'>
{children}
</div>
</div>
</main>
)
}
export default DashboardLayout