import { ReactNode } from "react";
import "../../assets/css/admin.css"
import Sidebar from "../../components/admin/sidebar";
import Header from "../../components/admin/adminHeader";

export default function Dashboard({ children }: { children: ReactNode }) {

  return (

    <div className="r-flex-between">
      <Sidebar />
      <main className="flex-grow-1 min-w-0 pt-md-1 pt-sm-5">
        <Header/>
        <div className="p-4">
          {children}
        </div>
      </main>
    </div >
  )
}

/*

      <div className="sidebar r-m-0 d-flex flex-column pt-[16px] max-w-[90px] h-[100vh] relative ">
        <div className="logo r-flex-center pt-[13px] px-[20px] ">
          <icons.Logo aria-label="Logo" className="scale-95" />
        </div>
        <div className="nav-menu r-column-center h-max pt-[160px] r-gap-40 ">
          <Link href="#" className="nav-item r-flex-center ">
            <icons.HomeIcon aria-label="Home" className="nav-home scale-100" />
          </Link>
          <Link href="#" className="nav-item border-none r-flex-center ">
            <icons.CompaniesIcon aria-label="Companies" className="scale-100 " width={24} height={24} />
          </Link>
          <Link href="#" className="nav-item r-flex-center ">
            <icons.UserGroup aria-label="Admins" className="scale-100" width={24} height={24} />
          </Link>
        </div>
      </div>
      <div className="logout absolute bottom-[60px] left-[22px]">
        <icons.Logout aria-label="Logout" />
      </div>
*/