import { Chip } from '@mui/material'

interface Props {
  confidence: number
  size?: 'small' | 'medium'
}

function confidenceColor(c: number): string {
  if (c >= 0.8) return '#1a7a4a'
  if (c >= 0.6) return '#d97706'
  return '#c0392b'
}

export function ConfidenceFieldBadge({ confidence, size = 'small' }: Props) {
  return (
    <Chip
      label={`${Math.round(confidence * 100)}%`}
      size={size}
      sx={{ bgcolor: confidenceColor(confidence), color: 'white', fontWeight: 700, fontSize: 11 }}
    />
  )
}