[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [FiltersSearch](./x-components.filterssearch.md) ## FiltersSearch variable Renders the filters sifted with the input query. **Signature:** ```typescript _default: import("vue").DefineComponent; parentId: { type: PropType; required: false; }; debounceInMs: { type: NumberConstructor; default: number; }; }>, { clearQuery: () => void; setQuery: (query: string) => void; cssClasses: import("vue").ComputedRef; siftedFilters: import("vue").ComputedRef; query: import("vue").Ref; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly; parentId: { type: PropType; required: false; }; debounceInMs: { type: NumberConstructor; default: number; }; }>> & Readonly<{}>, { debounceInMs: number; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```