"use client"

import { AdminSidebar } from "@/components/admin-sidebar"
import { AdminHeader } from "@/components/admin-header"
import { SystemHealthCards } from "@/components/admin-system-health"
import { ProviderStatus } from "@/components/admin-provider-status"
import { UserManagementTable } from "@/components/admin-user-table"

export default function AdminPage() {
  return (
    <div className="flex h-screen bg-background">
      <AdminSidebar />

      <div className="flex flex-1 flex-col overflow-hidden">
        <AdminHeader />

        <main className="flex-1 overflow-y-auto">
          <div className="mx-auto max-w-6xl px-4 py-4 lg:px-6 lg:py-5">
            {/* System Health Row */}
            <SystemHealthCards />

            {/* Provider Status Row */}
            <div className="mt-3">
              <ProviderStatus />
            </div>

            {/* User Management Table */}
            <div className="mt-4">
              <UserManagementTable />
            </div>
          </div>
        </main>
      </div>
    </div>
  )
}