// 'use client'
// import React from 'react'
// import Button from './PrimaryButton'
// import { useRouter } from 'next/navigation'
// import Sidebar from './SideBar'
// import Navbar from './Navbar'
// import ReactConfetti from 'react-confetti'

// 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-5/6 h-full">
//         <Navbar />
//         <div className='p-3 h-full'>
//         {children}
//         </div>
//       </div>
//     </main>
//   )
// }

// export default DashboardLayout