'use client'

import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'

interface EntitySelectorProps {
  value?: string
  onChange: (value: string) => void
  className?: string
}

const entities = [
  'Sovereign Order of Hospitallers',
  'Solace Bank Group LTD',
  'TAJ Private Single Family Trust Company',
  'Mann Li Family Office LPBC',
  'Organisation Mondiale Du Numerique',
  'Elemental Imperium LPBC',
  'Aseret Mortgage Bank',
  'Digital Bank of International Settlements',
  'International Criminal Courts of Commerce',
  'All',
]

export function EntitySelector({ value, onChange, className }: EntitySelectorProps) {
  return (
    <Select value={value || 'All'} onValueChange={onChange}>
      <SelectTrigger className={className}>
        <SelectValue placeholder="Select entity" />
      </SelectTrigger>
      <SelectContent>
        {entities.map((entity) => (
          <SelectItem key={entity} value={entity}>
            {entity}
          </SelectItem>
        ))}
      </SelectContent>
    </Select>
  )
}

