Instrument Search

'use client'

import * as React from 'react'
import { useState, useMemo, useEffect, useRef } from 'react'
import { useVirtualizer } from '@tanstack/react-virtual'
import { Search, X } from 'lucide-react'
import { cn } from '@/lib/utils'

export interface Instrument {
  symbol: string
  name?: string
  exchange?: string
  type?: string
}

export interface InstrumentSearchProps {
  value?: Instrument | null
  onSelect: (instrument: Instrument | null) => void
  instruments: Instrument[]
  placeholder?: string
  className?: string
}

// Virtualized instrument search with multi-word matching and keyboard navigation.
// See components/trading/instrument-search.tsx for the full implementation.