import { ChatWidgetConfig, PageContext } from '../index.js';
export type { ChatWidgetConfig, PageContext };
declare module 'react' {
    namespace JSX {
        interface IntrinsicElements {
            'chat-widget': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement> & {
                'api-base': string;
                site: string;
                'site-name': string;
                title?: string;
                'logo-url'?: string;
                'primary-color'?: string;
                'welcome-message'?: string;
                'welcome-topics'?: string;
                'disclaimer-html'?: string;
                position?: 'bottom-right' | 'bottom-left';
                fullscreen?: boolean;
                'storage-prefix'?: string;
            }, HTMLElement>;
        }
    }
}
export interface ChatWidgetProps extends ChatWidgetConfig {
    className?: string;
    style?: React.CSSProperties;
}
/**
 * React component wrapper for the chat widget
 *
 * The widget is initialized on mount and destroyed on unmount.
 * Config changes trigger a remount to apply new settings.
 */
export declare function ChatWidget(props: ChatWidgetProps): import("react/jsx-runtime").JSX.Element;
/**
 * Alternative: Use the custom element directly in React
 *
 * This is a simpler approach that doesn't require the Svelte mount API.
 */
export declare function ChatWidgetElement(props: ChatWidgetProps): import("react/jsx-runtime").JSX.Element;
export default ChatWidget;
//# sourceMappingURL=react.d.ts.map