import { MODEL_PROVIDERS } from '../config/constants';
type Provider = keyof typeof MODEL_PROVIDERS;
/**
 * The configuration for the AI Assistant.
 */
export type AiAssistantConfig = {
    /** Whether the AI Assistant is ready to use. */
    isReady: boolean;
    /** The AI provider. */
    provider: Provider;
    /** The AI model. */
    model: string;
    /** The API key for the AI provider. */
    apiKey: string;
    /** The temperature for the AI model. */
    temperature: number;
    /** The top P for the AI model. */
    topP: number;
    /** The base URL for the AI provider. */
    baseUrl?: string;
    /** The MapBox token. */
    mapBoxToken?: string;
};
/**
 * The props for the ConfigPanel component.
 */
export type ConfigPanelProps = {
    /** The default models for each provider. */
    defaultProviderModels?: Record<Provider, {
        name: string;
        models: string[];
    }>;
    /** The initial configuration for the AI Assistant. */
    initialConfig?: AiAssistantConfig;
    /** Whether to show the start chat button. */
    showStartChatButton?: boolean;
    /** Whether to show the parameters. */
    showParameters?: boolean;
    /** The color of the button. */
    color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
    /** The function to call when the configuration changes. */
    onConfigChange: (config: AiAssistantConfig) => void;
    /** The connection timeout. */
    connectionTimeout?: number;
    /** Whether to show the error message. */
    showErrorMessage?: boolean;
    /** Whether to show the base URL. */
    showBaseUrl?: boolean;
    /** Whether to show the check connection button. */
    showCheckConnectionButton?: boolean;
    /** Whether to show MapBox Token input */
    showMapBoxToken?: boolean;
};
/**
 * The AI Assistant configuration panel.
 *
 * This panel provides a select dropdown for the AI model from different AI providers, a text input for the API key,
 * (optional: showBaseUrl) a text input for the base URL,
 * (optional: showParameters) a slider for the temperature, and a slider for the top P.
 * (optional: showCheckConnectionButton) a button to check the connection and api key to the AI provider.
 * (optional: showErrorMessage) a message to show when the connection fails.
 *
 * @example
 *  ```tsx
 * import { ConfigPanel, MODEL_PROVIDERS } from '@openassistant/ui';
 *
 * <ConfigPanel
 *  onConfigChange={handleConfigChange}
 *  defaultProviderModels={MODEL_PROVIDERS}
 *  initialConfig={initialConfig}
 *  showBaseUrl={true}
 *  showParameters={true}
 *  showCheckConnectionButton={true}
 * />
 * ```
 *
 * The MODEL_PROVIDERS is a constant that contains the default models for each provider.
 * You can override the default models by providing a different object to the `defaultProviderModels` prop.
 * For example, if you only want to support the OpenAI models, you can do the following:
 *
 * @example
 *  ```tsx
 * const MY_PROVIDER_MODELS = {
 *  openai: {
 *    name: 'OpenAI',
 *    models: ['gpt-4.1', 'gpt-4o'],
 *  },
 * };
 *
 *  <ConfigPanel
 *  onConfigChange={handleConfigChange}
 *  defaultProviderModels={MY_PROVIDER_MODELS}
 *  initialConfig={initialConfig}
 *  showBaseUrl={true}
 *  showParameters={true}
 *  showCheckConnectionButton={true}
 * />
 * ```
 */
export declare function ConfigPanel(props: ConfigPanelProps): import("react/jsx-runtime").JSX.Element;
export {};