import React from 'react';
import { observer } from 'mobx-react-lite';
import { useCollectionContext } from '../CollectionContext';
import { Highlighter } from '@wix/design-system';
export const SearchableCollectionContent = observer(function SearchableCollectionContent(props) {
    const { children, dataHook = 'searchable-collection-content' } = props;
    const collection = useCollectionContext();
    const { originQuery: { search }, } = collection;
    return (React.createElement(Highlighter, { match: search, emphasize: "background", dataHook: dataHook }, children));
});
//# sourceMappingURL=SearchableCollectionContent.js.map