search-button.tsx

import { useEffect, useState, type ReactElement } from 'react'
import searchIcon from '@iconify/icons-lucide/search'
import clsx from 'clsx'
import { Icon } from '@/components/icon'
import { Search } from '@/components/search'

/**
 * Search button component with dropdown
 * Toggles Search visibility and positions it absolutely
 * Manages its own state internally
 * @returns {ReactElement} Search button with dropdown
 */
export function SearchButton({
  enableShortcut = false,
  dark = false,
}: {
  enableShortcut?: boolean
  dark?: boolean
}): ReactElement {
  const [isSearching, setIsSearching] = useState(false)