"use client";

import { useState } from "react";
import { Team, SkillCategory } from "@/lib/types";
import { TeamStats, DirectionStats } from "@/services/admin-service";
import { AdminHeader } from "../utils/admin-header";
import { ManageContentTabs } from "./manage-content-tabs";

interface ManageAdminClientWrapperProps {
  teams: Team[];
  skillCategories: SkillCategory[];
  teamStats: TeamStats[];
  directionStats: DirectionStats[];
}

export function ManageAdminClientWrapper({
  teams,
  skillCategories,
  teamStats,
  directionStats,
}: ManageAdminClientWrapperProps) {
  return (
    <div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 relative overflow-hidden">
      {/* Background Effects */}
      <div className="absolute inset-0 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-blue-900/20 via-slate-900 to-slate-950" />
      <div className="absolute inset-0 bg-grid-white/5 bg-[size:50px_50px]" />
      <div className="absolute inset-0 bg-gradient-to-t from-slate-950 via-transparent to-transparent" />

      <div className="relative z-10 container mx-auto px-6 py-6 max-w-7xl space-y-6">
        {/* Header */}
        <AdminHeader />

        {/* Main Content Tabs */}
        <ManageContentTabs
          teams={teams}
          skillCategories={skillCategories}
          teamStats={teamStats}
          directionStats={directionStats}
        />
      </div>
    </div>
  );
}