import { Switch } from '@/components/ui/switch';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
import { Brain } from 'lucide-react';

interface AIProviderSettingsProps {
  aiEnabled: boolean;
  onAiEnabledChange: (enabled: boolean) => void;
}

export function AIProviderSettings({
  aiEnabled,
  onAiEnabledChange
}: AIProviderSettingsProps) {
  return (
    <Card className="border-0 shadow-sm">
      <CardHeader className="pb-3">
        <div className="flex items-center gap-2">
          <Brain className="w-5 h-5 text-re-green" />
          <CardTitle className="text-base font-semibold">Vertex AI Gemini Configuration</CardTitle>
        </div>
        <CardDescription className="text-sm">
          Configure AI features. Model and region are configured via environment variables.
        </CardDescription>
      </CardHeader>
      <CardContent className="space-y-4">
        {/* Master Toggle */}
        <div className="flex items-center justify-between p-4 bg-gray-50 border border-gray-200 rounded-md">
          <div>
            <p className="font-medium text-sm">Enable AI Features</p>
            <p className="text-xs text-muted-foreground">
              Master toggle to enable/disable all AI-powered features
            </p>
          </div>
          <Switch
            checked={aiEnabled}
            onCheckedChange={onAiEnabledChange}
          />
        </div>
      </CardContent>
    </Card>
  );
}
