<template>
  <!-- Search Form -->
  <form class="relative flex flex-1" action="#" method="GET">
    <label for="search-field" class="sr-only">Search</label>
    <MagnifyingGlassIcon
      class="pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-400 dark:text-gray-500"
      aria-hidden="true"
    />
    <input
      id="search-field"
      class="block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 dark:text-gray-100 dark:bg-gray-800 placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:ring-0 sm:text-sm"
      placeholder="Search..."
      type="search"
      name="search"
    />
  </form>
</template>
