PurpleIcon.tsx (540B)
1 import { cn } from "@/lib/utils"; 2 import { RoundedContainerWithColorGradientBorder } from "../ui/RoundedContainerWithGradientBorder"; 3 import Image from "next/image"; 4 5 export function PurpleIcon({ className }: { className?: string }) { 6 return ( 7 <RoundedContainerWithColorGradientBorder className={cn("w-24 h-24 p-[1px]", className)}> 8 <Image src="/logo-icon-dark.png" fill className="overflow-hidden w-full h-full object-fill shadow-xl rounded-2xl" alt="Damus Purple logo" /> 9 </RoundedContainerWithColorGradientBorder> 10 ) 11 };