[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<{ query: { type: StringConstructor; default: string; }; suggestion: { type: PropType; 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; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly; required: true; }; feature: { type: PropType; }; suggestionSelectedEvents: { type: PropType>; required: true; }; highlightCurated: { type: BooleanConstructor; }; }>>, { query: string; highlightCurated: boolean; }, {}> ```