[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [HistoryQuery](./x-components.historyquery.md) ## HistoryQuery variable This component renders a history query suggestion combining two buttons: one for selecting this suggestion as the search query, and another one to remove this query suggestion from the history queries. **Signature:** ```typescript _default: import("vue").DefineComponent<{ suggestion: { type: PropType; required: true; }; removeButtonClass: StringConstructor; suggestionClass: StringConstructor; }, { query: import("vue").ComputedRef; suggestionSelectedEvents: import("vue").ComputedRef>; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly; required: true; }; removeButtonClass: StringConstructor; suggestionClass: StringConstructor; }>> & { onClick?: ((...args: any[]) => any) | undefined; }, {}, {}> ```