import { formatUsd } from '@/lib/format'

export function MarketStats({ count, totalUsd }: { count: number; totalUsd: number }) {
  return (
    <div className="flex items-center gap-6 text-sm">
      <div>
        <span className="text-xl font-bold text-white">{count}</span>{' '}
        <span className="text-slatey">oportunidades</span>
      </div>
      <div>
        <span className="text-xl font-bold text-amber-brand">{formatUsd(totalUsd)}</span>{' '}
        <span className="text-slatey">en cartera</span>
      </div>
    </div>
  )
}