import * as react_jsx_runtime from 'react/jsx-runtime';
import { AnyOrama, SearchParams, Orama } from '@orama/orama';
import { OramaClient, SearchMode } from '@oramacloud/client';

type ThemeConfig = {
    light: Record<string, string>;
    dark: Record<string, string>;
    '--font-primary'?: string;
};
declare const searchboxConfig: {
    ui: {
        theme: {
            '--font-primary': string;
            light: {
                '--text-color-primary': string;
                '--text-color-secondary': string;
                '--text-color-reverse': string;
                '--text-color-accent': string;
                '--text-color-brand': string;
                '--background-color-primary': string;
                '--background-color-secondary': string;
                '--background-color-tertiary': string;
                '--background-color-fourth': string;
                '--background-color-accent': string;
                '--background-color-reverse': string;
                '--border-color-primary': string;
                '--border-color-secondary': string;
                '--border-color-tertiary': string;
                '--border-color-brand': string;
                '--icon-color-primary': string;
                '--icon-color-secondary': string;
                '--icon-color-accent': string;
                '--icon-ai-color-primary': string;
                '--icon-ai-color-secondary': string;
                '--icon-ai-gradient-primary': string;
                '--icon-ai-gradient-secondary': string;
                '--backdrop-bg-color': string;
            };
            dark: {
                '--text-color-primary': string;
                '--text-color-secondary': string;
                '--text-color-reverse': string;
                '--text-color-accent': string;
                '--text-color-brand': string;
                '--background-color-primary': string;
                '--background-color-secondary': string;
                '--background-color-tertiary': string;
                '--background-color-fourth': string;
                '--background-color-accent': string;
                '--background-color-reverse': string;
                '--border-color-primary': string;
                '--border-color-secondary': string;
                '--border-color-tertiary': string;
                '--border-color-brand': string;
                '--icon-ai-color-primary': string;
                '--icon-ai-color-secondary': string;
                '--icon-ai-gradient-primary': string;
                '--icon-ai-gradient-secondary': string;
                '--icon-color-primary': string;
                '--icon-color-secondary': string;
                '--icon-color-accent': string;
                '--backdrop-bg-color': string;
            };
            system: {};
        };
        layout: {
            area: {
                header: {};
                footer: {
                    keyboardInstructions: boolean;
                    poweredBy: string;
                };
            };
        };
        placeholder: string;
    };
};

interface Project {
    framework: string;
    cloud: boolean;
    colorScheme: 'light' | 'dark' | 'system';
    theme: 'primary' | 'secondary' | undefined;
    themeConfig: typeof searchboxConfig.ui.theme;
    cloudConfig?: {
        url: string;
        key: string;
    };
    facetProperty?: string;
    keepOpen?: boolean;
    resultsMap: {
        title?: string;
        description?: string;
        section?: string;
        category?: string;
        path?: string;
    };
}

interface DocsDocument {
    [key: string]: string;
}
type ReturningProps = {
    path: string;
    title: string;
    description: string;
    section: string;
    category: string;
};
type SeeAllLinkProps = {
    url: string;
    label: string | ((count: string, term?: string) => string);
};

interface RegisterSearchBoxParams {
    oramaInstance?: AnyOrama | OramaClient;
    showFullscreenOnMobile?: boolean;
    colorScheme?: string;
    themeConfig?: ThemeConfig;
    searchInputPlaceholder?: string;
    searchResultsPlaceholder?: string;
    noResultsTemplate?: string;
    show?: boolean;
    backdrop?: boolean;
    container?: string;
    resultsMap?: Partial<ReturningProps>;
    showShowMoreLink?: boolean;
    showResultIcon?: boolean;
    searchMode?: SearchMode;
    keyboardNavigationHints?: boolean;
    facetProperty?: string;
    seeAllLink?: SeeAllLinkProps;
    searchParams?: SearchParams<Orama<AnyOrama | OramaClient>>;
    cloudConfig?: {
        url: string;
        key: string;
    };
    keepOpen?: boolean;
    onClose?: () => void;
    setResultTitle?: (doc: DocsDocument) => string;
    renderItem?: (document: DocsDocument) => JSX.Element;
    setResultLink?: (document: DocsDocument) => string;
    theme?: 'primary' | 'secondary';
}
declare function SearchBox(props: RegisterSearchBoxParams): react_jsx_runtime.JSX.Element | null;
declare function RegisterSearchBox(params: RegisterSearchBoxParams): void;

interface RegisterSearchButtonParams {
    colorScheme?: string;
    themeConfig?: ThemeConfig;
    label?: string;
    container?: string;
    className?: string;
    fullWidth?: boolean;
    onClick?: () => void;
    keyboardNavigationHints?: boolean;
}
declare function SearchButton(props: RegisterSearchButtonParams): react_jsx_runtime.JSX.Element;
declare function RegisterSearchButton(params: RegisterSearchButtonParams): void;

interface RegisterSearchAllResultsParams {
    colorScheme?: string;
    themeConfig?: ThemeConfig;
    title?: string;
    container?: string;
    oramaInstance: AnyOrama | OramaClient;
    resultsMap?: Partial<ReturningProps>;
    facetProperty?: string;
    renderItem?: (doc: DocsDocument) => React.ReactElement;
}
declare function SearchAllResults(props: RegisterSearchAllResultsParams): react_jsx_runtime.JSX.Element;
declare function RegisterSearchAllResults(params: RegisterSearchAllResultsParams): void;

declare const defaultConfig: Project;
declare const presets: {
    docs: {
        name: string;
        schema: {
            title: string;
            content: string;
            path: string;
            section: string;
            category: string;
            version: string;
        };
    };
    shopify: {
        name: string;
        schema: {
            title: string;
            tags: string;
            description: string;
            availableForSale: string;
            priceRange: {
                max: string;
                min: string;
            };
        };
    };
};

export { RegisterSearchAllResults, RegisterSearchBox, type RegisterSearchBoxParams as RegisterSearchBoxProps, RegisterSearchButton, type RegisterSearchButtonParams as RegisterSearchButtonProps, SearchAllResults, SearchBox, SearchButton, defaultConfig, presets };