import React, { useCallback, useRef } from 'react'
import { DocSearchButton } from '@docsearch/react'
import Head from '@docusaurus/Head'
import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
import translations from '@theme/SearchTranslations'
let DocSearchModal = null
function DocSearch() {
// We let user override default searchParameters if she wants to
const searchButtonRef = useRef(null)
const importDocSearchModalIfNeeded = useCallback(() => {
if (DocSearchModal) {
return Promise.resolve()
}
return Promise.all([
import('@docsearch/react/modal'),
import('@docsearch/react/style'),
import('./styles.css'),
]).then(([{ DocSearchModal: Modal }]) => {
DocSearchModal = Modal
})
}, [])
return (
<>
{
window.Widget.toggleWidget()
}}
ref={searchButtonRef}
translations={translations.button}
/>
)
}
export default function SearchBar() {
useDocusaurusContext()
return
}