Example:

The component requires the following properties:

|Name|Type|Description| |--- |--- |--- | |baseUrl|string|path to the Api used| |search|({searchQuery: string, from: number, page: number, sort: { sort: string, url: string }, }) => Promise|Callback that returns a promise that results to an data object containing an results object that has an array of search query results.| |fuzzySearch|(url: string, search: string, autocomplete: () => void, results: number, title: string, page: number) => Promise|Callback that returns a promise that results to an object named autocomplete containing an array of search results. Will be throttled.| |ref|reference|reference to the autocomplete input field| |initialSearchText|string|initial search query|

JS

import React from 'react';
import Search from '@bnnvara/search';

const fuzzySearch = () => Promise.resolve({ data: { autocoplete : [] } });
const search = ({ searchQuery, page, from, sort }) => Promise.resolve({ data: { search : [] } });
const baseUrl = 'http://localhost:4321/api';
let textInput = React.createRef();

export default () => (
  <Search
    fuzzySearch={fuzzySearch}
    search={search}
    initialSearchText="test" 
    baseUrl={baseUrl}
    ref={textInput}
  />
);