import React from 'react';
import { type AgentManagementProps, type AiAgent } from '../lib/useAgentManagement';
export interface AgentsSettingsUIComponents {
    Card: React.ComponentType<any>;
    CardHeader: React.ComponentType<any>;
    CardTitle: React.ComponentType<any>;
    CardDescription: React.ComponentType<any>;
    CardContent: React.ComponentType<any>;
    Table: React.ComponentType<any>;
    TableHeader: React.ComponentType<any>;
    TableRow: React.ComponentType<any>;
    TableHead: React.ComponentType<any>;
    TableBody: React.ComponentType<any>;
    TableCell: React.ComponentType<any>;
    Dialog: React.ComponentType<any>;
    DialogContent: React.ComponentType<any>;
    DialogHeader: React.ComponentType<any>;
    DialogTitle: React.ComponentType<any>;
    DialogDescription: React.ComponentType<any>;
    DialogFooter: React.ComponentType<any>;
    DialogTrigger: React.ComponentType<any>;
    DialogClose: React.ComponentType<any>;
    Button: React.ComponentType<any>;
    AlertDialog: React.ComponentType<any>;
    AlertDialogAction: React.ComponentType<any>;
    AlertDialogCancel: React.ComponentType<any>;
    AlertDialogContent: React.ComponentType<any>;
    AlertDialogDescription: React.ComponentType<any>;
    AlertDialogFooter: React.ComponentType<any>;
    AlertDialogHeader: React.ComponentType<any>;
    AlertDialogTitle: React.ComponentType<any>;
    Select: React.ComponentType<any>;
    SelectContent: React.ComponentType<any>;
    SelectItem: React.ComponentType<any>;
    SelectTrigger: React.ComponentType<any>;
    SelectValue: React.ComponentType<any>;
    Input: React.ComponentType<any>;
    Label: React.ComponentType<any>;
    Textarea: React.ComponentType<any>;
    Checkbox: React.ComponentType<any>;
    Badge: React.ComponentType<any>;
    Tabs: React.ComponentType<any>;
    TabsContent: React.ComponentType<any>;
    TabsList: React.ComponentType<any>;
    TabsTrigger: React.ComponentType<any>;
    Tooltip: React.ComponentType<any>;
    TooltipContent: React.ComponentType<any>;
    TooltipProvider: React.ComponentType<any>;
    TooltipTrigger: React.ComponentType<any>;
    Slider: React.ComponentType<any>;
    Alert: React.ComponentType<any>;
    AlertDescription: React.ComponentType<any>;
    AlertTitle: React.ComponentType<any>;
    Avatar: React.ComponentType<any>;
    AvatarImage: React.ComponentType<any>;
    AvatarFallback: React.ComponentType<any>;
    Loader2: React.ComponentType<any>;
    Trash2: React.ComponentType<any>;
    Edit: React.ComponentType<any>;
    Plus: React.ComponentType<any>;
    Upload: React.ComponentType<any>;
    File: React.ComponentType<any>;
    X: React.ComponentType<any>;
    Bot: React.ComponentType<any>;
    Thermometer: React.ComponentType<any>;
    Tag: React.ComponentType<any>;
    FileText: React.ComponentType<any>;
    PlusCircle: React.ComponentType<any>;
    MessageSquare: React.ComponentType<any>;
    AlertCircle: React.ComponentType<any>;
    Globe: React.ComponentType<any>;
    Share2: React.ComponentType<any>;
    AgentChatModal: React.ComponentType<any>;
}
export interface AgentsSettingsProps extends AgentManagementProps {
    containerWidth: number;
    uiComponents: AgentsSettingsUIComponents;
    onAgentSelect?: (agent: AiAgent) => void;
    selectedAgentId?: string;
    onEditAgentInTab?: (agent: AiAgent) => void;
    onCreateAgentInTab?: () => void;
}
export declare const AgentsSettings: React.FC<AgentsSettingsProps>;