import React from "react";
import { auth } from "@/auth";
import AdminOnly from "@/components/admin-only/AdminOnly";
import AdminSideBar from "@/components/admin-side-bar/AdminSideBar";

export default async function AdminLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  const session = await auth();
  if (session?.user?.role !== "ADMIN") {
    return <AdminOnly />;
  }
  return (
    <>
      {/* Sidebar */}
      <AdminSideBar />

      {/* Main Content with proper padding on larger screens */}
      <div className="min-h-screen bg-dashboardBG md:pl-64">
        {/* Page content with space for mobile toggle */}
        <main className="p-4 pt-16 md:p-6 md:pt-6">{children}</main>
      </div>
    </>
  );
}