@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<{
    title: {
        type: PropType<string>;
        default: string;
    };
    titleLoading: {
        type: PropType<string>;
        default: string;
    };
    expandText: {
        type: PropType<string>;
        default: string;
    };
    collapseText: {
        type: PropType<string>;
        default: string;
    };
    slidingPanelsClasses: {
        type: PropType<string>;
    };
    slidingPanelContainersClasses: {
        type: PropType<string>;
    };
    slidingPanelButtonsClasses: {
        type: PropType<string>;
    };
}, {
    buttonText: import("vue").ComputedRef<string>;
    expanded: import("vue").Ref<boolean>;
    queries: import("vue").ComputedRef<import("@empathyco/x-types").AiSuggestionQuery[]>;
    responseText: import("vue").ComputedRef<string>;
    suggestionsLoading: import("vue").ComputedRef<boolean>;
    queriesResults: import("vue").ComputedRef<Record<string, {
        results: AiSuggestionSearch["results"];
        numFound: number;
    }>>;
    suggestionsSearch: import("vue").ComputedRef<AiSuggestionSearch[]>;
    suggestionText: import("vue").ComputedRef<string>;
    setExpanded: (newValue: boolean) => void;
    onExpandButtonClick: (newValue: boolean) => void;
    query: import("vue").ComputedRef<string>;
    tagging: import("vue").ComputedRef<import("@empathyco/x-types").AiSuggestionTagging | undefined>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    title: {
        type: PropType<string>;
        default: string;
    };
    titleLoading: {
        type: PropType<string>;
        default: string;
    };
    expandText: {
        type: PropType<string>;
        default: string;
    };
    collapseText: {
        type: PropType<string>;
        default: string;
    };
    slidingPanelsClasses: {
        type: PropType<string>;
    };
    slidingPanelContainersClasses: {
        type: PropType<string>;
    };
    slidingPanelButtonsClasses: {
        type: PropType<string>;
    };
}>>, {
    title: string;
    titleLoading: string;
    expandText: string;
    collapseText: string;
}, {}>
```