import type { PropType } from "vue";
import type { Style } from "../../core/types.js";
export type TToolCallStatus = "pending" | "running" | "success" | "error" | "warning" | "neutral";
export type TToolCallViewSegmentRole = "marker" | "status" | "separator" | "title" | "suffix" | "preview-prefix" | "preview";
export type TToolCallViewSegment = Readonly<{
    role: TToolCallViewSegmentRole;
    x: number;
    text: string;
    cells: number;
    style: Style;
}>;
export type TToolCallViewStyles = Readonly<{
    base: Style;
    header: Style;
    marker: Style;
    status: Style;
    title: Style;
    suffix: Style;
    preview: Style;
}>;
export type TToolCallViewSlotProps = Readonly<{
    x: number;
    y: number;
    w: number;
    collapsed: boolean;
    nested: boolean;
    selected: boolean;
    status: TToolCallStatus;
    marker: string;
    statusDot: string;
    title: string;
    suffix: string;
    preview: string;
    previewPrefix: string;
    segments: readonly TToolCallViewSegment[];
    styles: TToolCallViewStyles;
}>;
export declare const TToolCallView: 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;
        required: true;
    };
    collapsed: {
        type: BooleanConstructor;
        default: boolean;
    };
    status: {
        type: PropType<TToolCallStatus>;
        default: string;
    };
    suffix: {
        type: StringConstructor;
        default: string;
    };
    preview: {
        type: StringConstructor;
        default: string;
    };
    nested: {
        type: BooleanConstructor;
        default: boolean;
    };
    selected: {
        type: BooleanConstructor;
        default: boolean;
    };
    markerCollapsed: {
        type: StringConstructor;
        default: string;
    };
    markerExpanded: {
        type: StringConstructor;
        default: string;
    };
    statusDot: {
        type: StringConstructor;
        default: string;
    };
    previewPrefix: {
        type: StringConstructor;
        default: string;
    };
    style: {
        type: PropType<Style>;
        default: undefined;
    };
    mutedStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    headerStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    collapsedStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    expandedStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    markerStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    statusStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    titleStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    suffixStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    previewStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    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;
        required: true;
    };
    collapsed: {
        type: BooleanConstructor;
        default: boolean;
    };
    status: {
        type: PropType<TToolCallStatus>;
        default: string;
    };
    suffix: {
        type: StringConstructor;
        default: string;
    };
    preview: {
        type: StringConstructor;
        default: string;
    };
    nested: {
        type: BooleanConstructor;
        default: boolean;
    };
    selected: {
        type: BooleanConstructor;
        default: boolean;
    };
    markerCollapsed: {
        type: StringConstructor;
        default: string;
    };
    markerExpanded: {
        type: StringConstructor;
        default: string;
    };
    statusDot: {
        type: StringConstructor;
        default: string;
    };
    previewPrefix: {
        type: StringConstructor;
        default: string;
    };
    style: {
        type: PropType<Style>;
        default: undefined;
    };
    mutedStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    headerStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    collapsedStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    expandedStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    markerStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    statusStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    titleStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    suffixStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    previewStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    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;
    }>;
    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;
    }>;
    status: TToolCallStatus;
    suffix: string;
    preview: string;
    collapsed: boolean;
    nested: boolean;
    selected: boolean;
    markerCollapsed: string;
    markerExpanded: string;
    statusDot: string;
    previewPrefix: string;
    mutedStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    headerStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    collapsedStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    expandedStyle: 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;
    }>;
    statusStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    suffixStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    previewStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
}, {}>;