import React from "react";
/**
 * Modal component for configuring client-side MCP (Model Context Protocol) servers.
 *
 * This component provides a user interface for managing MCP server connections that
 * will be used to extend the capabilities of the tambo application. The servers are
 * stored in browser localStorage and connected directly from the client-side.
 *
 * @param props - Component props
 * @param props.isOpen - Whether the modal is currently open/visible
 * @param props.onClose - Callback function called when the modal should be closed
 * @returns The modal component or null if not open
 */
export declare const McpConfigModal: ({ isOpen, onClose, className, }: {
    isOpen: boolean;
    onClose: () => void;
    className?: string;
}) => React.ReactPortal | null;
/**
 * Type for MCP Server entries
 */
export type McpServer = string | {
    url: string;
};
/**
 * Load and reactively track MCP server configurations from browser localStorage.
 *
 * This hook retrieves saved MCP server configurations and automatically updates
 * when servers are added/removed from the modal or other tabs. It deduplicates
 * servers by URL and handles parsing errors gracefully.
 *
 * @returns Array of unique MCP server configurations that updates automatically or empty array if none found or in SSR context
 *
 * @example
 * ```tsx
 * function MyApp() {
 *   const mcpServers = useMcpServers(); // Reactive - updates automatically
 *   // Returns: [{ url: "https://api.example.com" }, "https://api2.example.com"]
 *
 *   return (
 *     <TamboMcpProvider mcpServers={mcpServers}>
 *       {children}
 *     </TamboMcpProvider>
 *   );
 * }
 * ```
 */
export declare function useMcpServers(): McpServer[];
//# sourceMappingURL=mcp-config-modal.d.ts.map