import React, { useState, useEffect } from "react";
import { Outlet } from "react-router-dom";
import { Menu, X } from "lucide-react";
import Sidebar from "../components/Sidebar/Sidebar.jsx";
import "./AdminLayout.css";

const AdminLayout = () => {
  return (
    <div className="admin-layout__container admin-container">
      {/* Sidebar */}
      <div className={"admin-layout__sidebar sidebar-wrapper"}>
        <Sidebar />
      </div>

      {/* Main Content */}
      <main className={"admin-layout__content admin-content"}>
        <div className="admin-layout__content-inner content-wrapper">
          <Outlet />
        </div>
      </main>
    </div>
  );
};

export default AdminLayout;
