import React from 'react'; import { Key, Globe } from 'lucide-react'; import { AppConfig } from '../../types'; interface ApiSectionProps { config: AppConfig; setConfig: (c: AppConfig) => void; } const ApiSection = ({ config, setConfig }: ApiSectionProps) => { return (

API Connection

{config.enableCustomApi && (
setConfig({ ...config, customApiKey: e.target.value })} className="w-full bg-white border border-slate-200 text-slate-800 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block p-2.5 outline-none placeholder:text-slate-400" />
setConfig({ ...config, customBaseUrl: e.target.value })} className="w-full bg-white border border-slate-200 text-slate-800 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block p-2.5 outline-none placeholder:text-slate-400" />
)}
); }; export default ApiSection;