import React from "react";
import Sidebar from "./Sidebar";
import Navbar from "./Navbar";

interface LayoutProps {
  children: React.ReactNode;
  route: React.ReactNode;
}

const AdminLayout: React.FC<LayoutProps> = ({ children, route }) => {
  const showNavbar = route !== "/admin/login";

  return (
    <div className="h-screen overflow-x-hidden">
      <div className="bg-white border-b border-[#d2d1d0]">
        {showNavbar && <Navbar />}
      </div>
      <div className="flex flex-1 h-full bg-[#383736]">
        <div className="w-[70px] sm:w-[60px] lg:w-[15%] bg-[#383736]">
          {showNavbar && <Sidebar />}
        </div>
        <div className="bg-[hsl(30,2%,95%)] p-2 w-full lg:w-[85%]">
          <main className="bg-white overflow-auto w-full rounded-md border border-[#d2d1d0]">{children}</main>
        </div>
      </div>
    </div>
  );
};

export default AdminLayout;