{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "verification-badge",
  "type": "registry:block",
  "title": "Verification Badge",
  "description": "A component for displaying a verification badge with multiple styles and sizes.",
  "files": [
    {
      "path": "src/components/deso/verification-badge.tsx",
      "content": "'use client';\n\nimport React from 'react';\nimport { Badge } from '@/components/ui/badge';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';\nimport { CheckCircle, Shield, Star, Crown } from 'lucide-react';\nimport { cn } from '@/lib/utils/deso';\n\ntype BadgeStyle = 'default' | 'premium' | 'creator' | 'admin';\ntype BadgeSize = 'sm' | 'md' | 'lg';\n\ninterface VerificationBadgeProps {\n  isVerified: boolean;\n  style?: BadgeStyle;\n  size?: BadgeSize;\n  showTooltip?: boolean;\n  tooltipText?: string;\n  animated?: boolean;\n  className?: string;\n}\n\nconst badgeConfig = {\n  default: {\n    icon: CheckCircle,\n    colors: 'bg-blue-500 hover:bg-blue-600 text-white',\n    tooltip: 'Verified account',\n  },\n  premium: {\n    icon: Star,\n    colors: 'bg-gradient-to-r from-yellow-400 to-orange-500 hover:from-yellow-500 hover:to-orange-600 text-white',\n    tooltip: 'Premium verified account',\n  },\n  creator: {\n    icon: Crown,\n    colors: 'bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 text-white',\n    tooltip: 'Verified creator',\n  },\n  admin: {\n    icon: Shield,\n    colors: 'bg-gradient-to-r from-red-500 to-red-600 hover:from-red-600 hover:to-red-700 text-white',\n    tooltip: 'Platform administrator',\n  },\n} as const;\n\nconst sizeConfig = {\n  sm: { badge: 'h-2 w-2', icon: 'h-2 w-2' },\n  md: { badge: 'h-3 w-3', icon: 'h-3 w-3' },\n  lg: { badge: 'h-4 w-4', icon: 'h-4 w-4' },\n} as const;\n\nexport function VerificationBadge({\n  isVerified,\n  style = 'default',\n  size = 'md',\n  showTooltip = true,\n  tooltipText,\n  animated = true,\n  className,\n}: VerificationBadgeProps) {\n  // Don't render if not verified\n  if (!isVerified) {\n    return null;\n  }\n\n  const config = badgeConfig[style];\n  const sizeClasses = sizeConfig[size];\n  const Icon = config.icon;\n  const tooltip = tooltipText || config.tooltip;\n\n  const badgeElement = (\n    <Badge\n      variant=\"secondary\"\n      className={cn(\n        'p-0 rounded-full transition-all duration-200',\n        config.colors,\n        sizeClasses.badge,\n        animated && 'animate-in fade-in-0 zoom-in-95 duration-300',\n        className\n      )}\n    >\n      <Icon className={cn('text-current', sizeClasses.icon)} />\n    </Badge>\n  );\n\n  if (!showTooltip) {\n    return badgeElement;\n  }\n\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          {badgeElement}\n        </TooltipTrigger>\n        <TooltipContent>\n          <p>{tooltip}</p>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n\n// Export with display name for debugging\nVerificationBadge.displayName = 'VerificationBadge'; ",
      "type": "registry:component",
      "target": "src/components/deso-ui/verification-badge.tsx"
    }
  ]
}