@empathyco/x-components/docs/API-reference/api/x-components.aioverview.md

Empathy X Components

<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [AiOverview](./x-components.aioverview.md)

## AiOverview variable

**Signature:**

```typescript
_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    title: {
        type: StringConstructor;
    };
    titleLoading: {
        type: StringConstructor;
        default: string;
    };
    expandText: {
        type: StringConstructor;
        default: string;
    };
    collapseText: {
        type: StringConstructor;
        default: string;
    };
    autoExpandInSearchNoResults: {
        type: BooleanConstructor;
        default: boolean;
    };
    contentClasses: {
        type: StringConstructor;
    };
    slidingPanelsClasses: {
        type: StringConstructor;
    };
    slidingPanelContainersClasses: {
        type: StringConstructor;
    };
    slidingPanelButtonsClasses: {
        type: StringConstructor;
    };
}>, {
    aiOverviewRef: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
    buttonText: import("vue").ComputedRef<string>;
    emptyTaggingRequest: TaggingRequest;
    expanded: import("vue").Ref<boolean, boolean>;
    parsedResponseText: import("vue").ComputedRef<string | Promise<string>>;
    suggestionsLoading: import("vue").ComputedRef<boolean>;
    suggestionsSearch: import("vue").ComputedRef<import("@empathyco/x-types").AiSuggestionSearch[]>;
    suggestionText: import("vue").ComputedRef<string>;
    emitAndSetExpand: (isExpanded: boolean) => void;
    shouldAnimateSuggestion: import("vue").Ref<boolean, boolean>;
    query: import("vue").ComputedRef<string>;
    tagging: import("vue").ComputedRef<import("@empathyco/x-types").AiSuggestionTagging | undefined>;
    isNoResults: import("vue").ComputedRef<boolean>;
    queries: import("vue").ComputedRef<import("@empathyco/x-types").AiSuggestionQuery[]>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    title: {
        type: StringConstructor;
    };
    titleLoading: {
        type: StringConstructor;
        default: string;
    };
    expandText: {
        type: StringConstructor;
        default: string;
    };
    collapseText: {
        type: StringConstructor;
        default: string;
    };
    autoExpandInSearchNoResults: {
        type: BooleanConstructor;
        default: boolean;
    };
    contentClasses: {
        type: StringConstructor;
    };
    slidingPanelsClasses: {
        type: StringConstructor;
    };
    slidingPanelContainersClasses: {
        type: StringConstructor;
    };
    slidingPanelButtonsClasses: {
        type: StringConstructor;
    };
}>> & Readonly<{}>, {
    titleLoading: string;
    expandText: string;
    collapseText: string;
    autoExpandInSearchNoResults: boolean;
}, {}, {
    AIStarIcon: import("vue").DefineComponent<{}, {}, any>;
    ArrowRightIcon: import("vue").DefineComponent<{}, {}, any>;
    BaseEventButton: import("vue").DefineComponent<{}, {}, any>;
    ChevronDownIcon: import("vue").DefineComponent<{}, {}, any>;
    CollapseHeight: import("vue").DefineComponent<{}, {}, any>;
    ChangeHeight: import("vue").DefineComponent<{}, {}, any>;
    Fade: import("vue").DefineComponent<{}, {}, any>;
    SlidingPanel: import("vue").DefineComponent<{}, {}, any>;
    SpinnerIcon: import("vue").DefineComponent<{}, {}, any>;
    DisplayEmitter: import("vue").DefineComponent<{}, {}, any>;
    DisplayClickProvider: import("vue").DefineComponent<{}, {}, any>;
}, {
    typing: import("vue").Directive<import("../../../directives").TypingHTMLElement, import("../../../directives").TypingOptions>;
}, string, import("vue").ComponentProvideOptions, true, {}, any>
```