---
import { getAllSearchData } from '../model/search-data.js';
import Search from './search.astro';

export interface Props {
  placeholder?: string;
  className?: string;
}

const { placeholder = 'Search...', className } = Astro.props;

const searchData = await getAllSearchData();
---

<Search
  placeholder={placeholder}
  className={className}
/>

<script define:vars={{ searchData }}>
  window.searchData = searchData;
</script>