export function Badge()

in 6-structured_outputs/structured-outputs-math-tutor-final/components/ui/badge.tsx [9:37]

• 27 lines of code
• 4 McCabe index (conditional complexity)

export function Badge({ status, className }: BadgeProps) {
  let color
  let icon

  switch (status) {
    case 'success':
      color = 'bg-emerald-600'
      icon = <IconCheck className="size-2" />
      break
    case 'fail':
      color = 'bg-rose-600'
      icon = <IconClose className="size-2" />
      break
    case 'skipped':
      color = 'bg-gray-500'
      icon = <IconSeparator className="size-2" />
      break
    default:
      return null
  }

  return (
    <div
      className={`p-1 rounded-full text-white font-bold ${color} ${className}`}
    >
      {icon}
    </div>
  )
}