---
import SearchComponent from "astro-pagefind/components/Search";
import GalleryLayout from "@layouts/GalleryLayout.astro";
---

<script>
  import { WebAssembly } from "polywasm";
  globalThis.WebAssembly = globalThis.WebAssembly || WebAssembly;
</script>

<GalleryLayout pageTitle="Search">
  <Fragment slot="head">
    <meta property="og:description" content="Bad Manners || Search" />
    <meta name="description" content="Search for stories, games, and blog posts made by Bad Manners." />
  </Fragment>
  <h1 class="m-2 text-3xl font-semibold text-stone-800 dark:text-stone-100">Search</h1>
  <hr class="mb-3 ml-[2px] mt-2 h-[4px] max-w-xs rounded-sm bg-stone-800 dark:bg-stone-100" aria-hidden />
  <SearchComponent id="search" className="pagefind-ui my-4" />
</GalleryLayout>
