[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [BaseSuggestion](./x-components.basesuggestion.md) ## BaseSuggestion variable Renders a button with a default slot. It receives a query, which should be the query of the module using this component, a suggestion, the [XEvent](./x-components.xevent.md) that will be emitted on click with a given feature. The default slot receives the suggestion and the matched query has props. **Signature:** ```typescript _default: import("vue").DefineComponent; required: true; }; feature: { type: PropType; }; suggestionSelectedEvents: { type: PropType>; required: true; }; highlightCurated: { type: BooleanConstructor; }; }>, { el: import("vue").Ref; filter: import("vue").ComputedRef; emitEvents: () => void; dynamicCSSClasses: import("vue").ComputedRef; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly; required: true; }; feature: { type: PropType; }; suggestionSelectedEvents: { type: PropType>; required: true; }; highlightCurated: { type: BooleanConstructor; }; }>> & Readonly<{}>, { query: string; highlightCurated: boolean; }, {}, { Highlight: import("vue").DefineComponent<{}, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```