'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