{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "award", "dependencies": [ "lucide-react" ], "registryDependencies": [ "utils" ], "files": [ { "path": "src/components/watermelon-ui/award.tsx", "content": "import type React from \"react\"\nimport { Award, Star } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface AwardsComponentProps {\n variant?: \"stamp\" | \"award\" | \"certificate\" | \"badge\"\n title: string\n subtitle?: string\n description?: string\n date?: string\n recipient?: string\n level?: \"bronze\" | \"silver\" | \"gold\" | \"platinum\"\n className?: string\n showIcon?: boolean\n customIcon?: React.ReactNode\n}\n\nconst levelColors = {\n bronze: \"from-amber-600 to-amber-800\",\n silver: \"from-gray-400 to-gray-600\",\n gold: \"from-yellow-400 to-yellow-600\",\n platinum: \"from-slate-300 to-slate-500\",\n}\n\nconst LaurelWreath = () => (\n \n \n \n)\n\nconst CertificateBadge = () => (\n \n \n \n)\n\nconst MainBadge = () => (\n \n \n \n \n \n)\n\nexport function Awards({\n variant = \"award\",\n title,\n subtitle,\n date,\n recipient,\n level = \"gold\",\n className,\n showIcon = true,\n}: AwardsComponentProps) {\n // Stamp Variant\n if (variant === \"stamp\") {\n const createSerratedPath = () => {\n const radius = 96 // Half of 192px (w-48)\n const teeth = 40\n const innerRadius = radius - 8\n const outerRadius = radius\n\n let path = \"\"\n for (let i = 0; i < teeth; i++) {\n const angle = (i / teeth) * 2 * Math.PI\n const r = i % 2 === 0 ? outerRadius : innerRadius\n const x = Math.cos(angle) * r + radius\n const y = Math.sin(angle) * r + radius\n\n if (i === 0) {\n path += `M ${x} ${y}`\n } else {\n path += ` L ${x} ${y}`\n }\n }\n path += \" Z\"\n return path\n }\n\n // Create curved text path\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const createTextPath = (radius: number, _id: string) => {\n const centerX = 96\n const centerY = 96\n return `M ${centerX - radius} ${centerY} A ${radius} ${radius} 0 0 1 ${centerX + radius} ${centerY}`\n }\n return (\n \n \n \n {/* Define paths for curved text */}\n \n \n \n\n {/* Serrated border */}\n \n\n {/* Inner circle */}\n \n\n {/* Curved text - top */}\n \n \n {title}\n \n \n\n {/* Curved text - bottom */}\n \n \n {subtitle}\n \n \n \n\n
\n {showIcon && (\n
\n {}\n
\n )}\n {recipient && (\n
{recipient}
\n )}\n\n {date &&
{date}
}\n
\n \n )\n }\n\n // Award Variant\n if (variant === \"award\") {\n return (\n \n \n
\n \n {level.toUpperCase()}\n
\n\n {/* Main Title */}\n

{title}

\n\n {/* Decorative Line */}\n
\n\n {/* Subtitle */}\n

{subtitle}

\n\n {/* Recipient */}\n {recipient && (\n

{recipient}

\n )}\n\n {/* Date */}\n
{date}
\n \n \n )\n }\n\n if (variant === \"certificate\") {\n return (\n \n
\n \n \n Certificate\n \n {\" \"}\n of {title}\n \n \n\n

\n This is to certify that\n

\n \n {recipient}\n \n\n

{subtitle}

\n
\n \n
\n
Awarded on: {date}
\n
\n \n )\n }\n\n if (variant === \"badge\") {\n return (\n
\n \n \n
\n \n {title}\n \n

\n {subtitle}\n

\n\n
\n {recipient &&

by {recipient}

}•\n
{date}
\n
\n
\n
\n \n )\n }\n\n // Default fallback\n return null\n}\n", "type": "registry:ui", "target": "components/ui/award.tsx" } ], "type": "registry:ui" }