<For each={searchResults()}>
                  {(item) => {
                    return (
                      <div
                        onClick={() => {}}
                        class="text-black dark:text-white px-6 rounded-lg py-3"
                      >
                        <div>{item}</div>

                <For each={searchResults()}>
                  {(item) => {
                    return (
                      <div
                        onClick={() => {}}
                        class="text-black dark:text-white px-6 rounded-lg py-3"
                      >
                        <div>{item}</div>

  const searchResults = createMemo(() => {
    if (!searchQuery()) {
      return props.items
    } else {
      return fuzzySearch()(searchQuery())

  const searchResults = createMemo(() => {
    if (!searchQuery()) {
      return props.items
    } else {
      return fuzzySearch()(searchQuery())