25 lines
796 B
TypeScript
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
|