import type { PropType } from "vue";
import type { Style } from "../../core/types.js";
export declare const TThinkingView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    x: {
        type: NumberConstructor;
        required: true;
    };
    y: {
        type: NumberConstructor;
        required: true;
    };
    w: {
        type: NumberConstructor;
        required: true;
    };
    h: {
        type: NumberConstructor;
        default: undefined;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    title: {
        type: StringConstructor;
        default: string;
    };
    content: {
        type: StringConstructor;
        default: string;
    };
    collapsed: {
        type: BooleanConstructor;
        default: boolean;
    };
    pulseFrame: {
        type: PropType<number | null>;
        default: null;
    };
    style: {
        type: PropType<Style>;
        default: undefined;
    };
    headerStyle: {
        type: PropType<Style>;
        default: () => Readonly<{
            fg?: string;
            bg?: string;
            bold?: boolean;
            dim?: boolean;
            italic?: boolean;
            underline?: boolean;
            inverse?: boolean;
            href?: string;
        }>;
    };
    markerStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    titleStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    bodyStyle: {
        type: PropType<Style>;
        default: () => Readonly<{
            fg?: string;
            bg?: string;
            bold?: boolean;
            dim?: boolean;
            italic?: boolean;
            underline?: boolean;
            inverse?: boolean;
            href?: string;
        }>;
    };
    focusable: {
        type: BooleanConstructor;
        default: boolean;
    };
    selectable: {
        type: BooleanConstructor;
        default: undefined;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "toggle")[], "click" | "toggle", (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;
    };
    h: {
        type: NumberConstructor;
        default: undefined;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    title: {
        type: StringConstructor;
        default: string;
    };
    content: {
        type: StringConstructor;
        default: string;
    };
    collapsed: {
        type: BooleanConstructor;
        default: boolean;
    };
    pulseFrame: {
        type: PropType<number | null>;
        default: null;
    };
    style: {
        type: PropType<Style>;
        default: undefined;
    };
    headerStyle: {
        type: PropType<Style>;
        default: () => Readonly<{
            fg?: string;
            bg?: string;
            bold?: boolean;
            dim?: boolean;
            italic?: boolean;
            underline?: boolean;
            inverse?: boolean;
            href?: string;
        }>;
    };
    markerStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    titleStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    bodyStyle: {
        type: PropType<Style>;
        default: () => Readonly<{
            fg?: string;
            bg?: string;
            bold?: boolean;
            dim?: boolean;
            italic?: boolean;
            underline?: boolean;
            inverse?: boolean;
            href?: string;
        }>;
    };
    focusable: {
        type: BooleanConstructor;
        default: boolean;
    };
    selectable: {
        type: BooleanConstructor;
        default: undefined;
    };
}>> & Readonly<{
    onClick?: ((...args: any[]) => any) | undefined;
    onToggle?: ((...args: any[]) => any) | undefined;
}>, {
    style: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    title: string;
    h: number;
    zIndex: number;
    focusable: boolean;
    selectable: boolean;
    titleStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    content: string;
    collapsed: boolean;
    headerStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    markerStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    pulseFrame: number | null;
    bodyStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
}, {}>;