import type { PropType } from "vue";
import type { Style } from "../../core/types.js";
import type { TLogViewSearchError } from "./TLogView.js";
export type TLogSearchBarMode = "text" | "regex";
export type TLogSearchBarState = Readonly<{
    query: string;
    mode: TLogSearchBarMode;
    caseSensitive: boolean;
    wholeWord: boolean;
    status: "idle" | "scanning" | "done" | "error";
    matchCount: number;
    currentMatchIndex: number;
    error?: TLogViewSearchError | null;
}>;
export type TLogSearchBarUpdatePayload = Readonly<{
    query: string;
    mode: TLogSearchBarMode;
    caseSensitive: boolean;
    wholeWord: boolean;
}>;
export type TLogSearchBarNavigatePayload = Readonly<{
    direction: "previous" | "next";
}>;
export declare const TLogSearchBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    x: {
        type: NumberConstructor;
        required: true;
    };
    y: {
        type: NumberConstructor;
        required: true;
    };
    w: {
        type: NumberConstructor;
        required: true;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    state: {
        type: PropType<TLogSearchBarState>;
        required: true;
    };
    placeholder: {
        type: StringConstructor;
        default: string;
    };
    style: {
        type: PropType<Style>;
        default: undefined;
    };
    inputStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    activeStyle: {
        type: PropType<Style>;
        default: () => {
            inverse: boolean;
        };
    };
    errorStyle: {
        type: PropType<Style>;
        default: () => {
            fg: string;
            bold: boolean;
        };
    };
    disabledStyle: {
        type: PropType<Style>;
        default: () => {
            dim: boolean;
        };
    };
    toggleStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    focusable: {
        type: BooleanConstructor;
        default: boolean;
    };
    showModeToggle: {
        type: BooleanConstructor;
        default: boolean;
    };
    showCaseToggle: {
        type: BooleanConstructor;
        default: boolean;
    };
    showWholeWordToggle: {
        type: BooleanConstructor;
        default: boolean;
    };
    showCount: {
        type: BooleanConstructor;
        default: boolean;
    };
    showNavigation: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "focus" | "blur" | "update" | "clear" | "update:query" | "previous" | "next" | "update:mode" | "update:caseSensitive" | "update:wholeWord")[], "keydown" | "focus" | "blur" | "update" | "clear" | "update:query" | "previous" | "next" | "update:mode" | "update:caseSensitive" | "update:wholeWord", (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
    x: {
        type: NumberConstructor;
        required: true;
    };
    y: {
        type: NumberConstructor;
        required: true;
    };
    w: {
        type: NumberConstructor;
        required: true;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    state: {
        type: PropType<TLogSearchBarState>;
        required: true;
    };
    placeholder: {
        type: StringConstructor;
        default: string;
    };
    style: {
        type: PropType<Style>;
        default: undefined;
    };
    inputStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    activeStyle: {
        type: PropType<Style>;
        default: () => {
            inverse: boolean;
        };
    };
    errorStyle: {
        type: PropType<Style>;
        default: () => {
            fg: string;
            bold: boolean;
        };
    };
    disabledStyle: {
        type: PropType<Style>;
        default: () => {
            dim: boolean;
        };
    };
    toggleStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    focusable: {
        type: BooleanConstructor;
        default: boolean;
    };
    showModeToggle: {
        type: BooleanConstructor;
        default: boolean;
    };
    showCaseToggle: {
        type: BooleanConstructor;
        default: boolean;
    };
    showWholeWordToggle: {
        type: BooleanConstructor;
        default: boolean;
    };
    showCount: {
        type: BooleanConstructor;
        default: boolean;
    };
    showNavigation: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{
    onKeydown?: ((...args: any[]) => any) | undefined;
    onFocus?: ((...args: any[]) => any) | undefined;
    onBlur?: ((...args: any[]) => any) | undefined;
    "onUpdate:query"?: ((...args: any[]) => any) | undefined;
    onUpdate?: ((...args: any[]) => any) | undefined;
    onClear?: ((...args: any[]) => any) | undefined;
    onPrevious?: ((...args: any[]) => any) | undefined;
    onNext?: ((...args: any[]) => any) | undefined;
    "onUpdate:mode"?: ((...args: any[]) => any) | undefined;
    "onUpdate:caseSensitive"?: ((...args: any[]) => any) | undefined;
    "onUpdate:wholeWord"?: ((...args: any[]) => any) | undefined;
}>, {
    style: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    zIndex: number;
    focusable: boolean;
    placeholder: string;
    errorStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    inputStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    activeStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    disabledStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    toggleStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    showModeToggle: boolean;
    showCaseToggle: boolean;
    showWholeWordToggle: boolean;
    showCount: boolean;
    showNavigation: boolean;
}, {}>;