import { CheckCircle, AlertCircle, Clock } from 'lucide-react'

type VerificationStatus = "verified" | "pending" | "unverified"

interface VerificationBadgeProps {
  status: VerificationStatus
}

export default function VerificationBadge({ status }: VerificationBadgeProps) {
  const getBadgeStyles = () => {
    switch (status) {
      case "verified":
        return "bg-green-500 border-green-600"
      case "pending":
        return "bg-yellow-500 border-yellow-600"
      case "unverified":
      default:
        return "bg-gray-500 border-gray-600"
    }
  }

  const getIcon = () => {
    switch (status) {
      case "verified":
        return <CheckCircle className="h-3 w-3" />
      case "pending":
        return <Clock className="h-3 w-3" />
      case "unverified":
      default:
        return <AlertCircle className="h-3 w-3" />
    }
  }

  return (
    <div className={`absolute bottom-0 right-0 z-50 rounded-full p-1 border-2 text-white ${getBadgeStyles()}`}>
      {getIcon()}
    </div>
  )
}