import { Sidebar } from "@/components/__legacy__/Sidebar";
import {
  Users,
  CurrencyDollar,
  MagnifyingGlass,
  Gauge,
  Receipt,
  FileText,
  Heartbeat,
  CalculatorIcon,
  RobotIcon,
} from "@phosphor-icons/react/dist/ssr";

import { IconSliders } from "@/components/__legacy__/ui/icons";

const sidebarLinkGroups = [
  {
    links: [
      {
        text: "Marketplace Management",
        href: "/admin/marketplace",
        icon: <Users className="h-6 w-6" />,
      },
      {
        text: "User Spending",
        href: "/admin/spending",
        icon: <CurrencyDollar className="h-6 w-6" />,
      },
      {
        text: "System Diagnostics",
        href: "/admin/diagnostics",
        icon: <Heartbeat className="h-6 w-6" />,
      },
      {
        text: "User Impersonation",
        href: "/admin/impersonation",
        icon: <MagnifyingGlass className="h-6 w-6" />,
      },
      {
        text: "Rate Limits",
        href: "/admin/rate-limits",
        icon: <Gauge className="h-6 w-6" />,
      },
      {
        text: "Platform Costs",
        href: "/admin/platform-costs",
        icon: <Receipt className="h-6 w-6" />,
      },
      {
        text: "Execution Analytics",
        href: "/admin/execution-analytics",
        icon: <FileText className="h-6 w-6" />,
      },
      {
        text: "Bot Analytics",
        href: "/admin/bots",
        icon: <RobotIcon className="h-6 w-6" />,
      },
      {
        text: "Block Cost Estimates",
        href: "/admin/block-cost-estimates",
        icon: <CalculatorIcon className="h-6 w-6" />,
      },
      {
        text: "Admin User Management",
        href: "/admin/settings",
        icon: <IconSliders className="h-6 w-6" />,
      },
    ],
  },
];

export default function AdminLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="flex min-h-screen w-full flex-col lg:flex-row">
      <Sidebar linkGroups={sidebarLinkGroups} />
      <div className="flex-1 pl-4">{children}</div>
    </div>
  );
}
