import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
import { ProfileManager } from '@/components/moderation/ProfileManager';
import { UserRoleManager } from '@/components/moderation/UserRoleManager';
import { Users, Shield, UserCheck, UserX } from 'lucide-react';
export function UserManagement() {
  return (
    <Tabs defaultValue="profiles" className="space-y-4">
      <TabsList className="grid w-full grid-cols-2">
        <TabsTrigger value="profiles" className="flex items-center gap-2">
          <UserCheck className="w-4 h-4" />
          Users
        </TabsTrigger>
        <TabsTrigger value="roles" className="flex items-center gap-2">
          <Shield className="w-4 h-4" />
          Roles
        </TabsTrigger>
      </TabsList>

      <TabsContent value="profiles" className="mt-4">
        <ProfileManager />
      </TabsContent>

      <TabsContent value="roles" className="mt-4">
        <UserRoleManager />
      </TabsContent>
    </Tabs>
  );
}