search-input.tsx

import { forwardRef } from 'react'
import {
  type AutocompleteApi,
  type AutocompleteState,
} from '@algolia/autocomplete-core'
import searchIcon from '@iconify/icons-lucide/search'
import clsx from 'clsx'

import { Icon } from '@/components/icon'
import { LoadingIcon } from './loading-icon'
import { type Result } from './search-client'

type EmptyObject = Record<string, never>

type Autocomplete = AutocompleteApi<
  Result,
  React.SyntheticEvent,
  React.MouseEvent,
  React.KeyboardEvent
>