import Search from '@hashicorp/react-search' export default function SearchBar() { return ( <Search renderHitContent={({ hit, Highlight }) => ( <> <span className="name"> <Highlight attribute="page_title" hit={hit} tagName="span" /> </span> <span className="description"> <Highlight attribute="description" hit={hit} tagName="span" /> </span> </> )} resolveHitLink={(hit) => ({ href: { pathname: `/${transformIdtoUrl(hit.objectID)}`, }, })} placeholder="Search Packer documentation" /> ) } function transformIdtoUrl(id) { return id.replace(/\/index$/, '') }