Searchcore

<label for="searchbox">Search</label>
<Searchcore endpoint="/api/v1/autocomplete/search">
	<Searchcore.Input id="searchbox" placeholder="Search" />
	<Searchcore.Listbox>
		{#snippet noOptions()}
			<h1>Hello There</h1>
			<p>This is an example of <a href="https://en.wikipedia.org/wiki/WYSIWYG" target="_blank">WYSIWYG</a> editor output.</p>
			<p>WYSIWYG (What You See Is What You Get) editors are popular tools that allow users to create and edit content in a way that is intended to appear in the final product. While these editors are user-friendly and enhance productivity, they also introduce several security issues.</p>
			<p>If suggestions are not based on entered values, we should consider this option.</p>
		{/snippet}
	</Searchcore.Listbox>
</Searchcore>

<label for="searchbox">Search</label>
<Searchcore endpoint="https://vision-stg.teva.rubylibre.guide/api/page-search/results.json" legacyEndpoint legacySearchPage="https://www.tevapharm.com/search-results/" legacySearchPageQueryKey="keywords">
	<Searchcore.Input id="searchbox" placeholder="Search" />
	<Searchcore.Listbox />
</Searchcore>