"use client"; import { Camera } from "lucide-react"; import Image from "next/image"; import { cn } from "@/lib/utils"; type Tone = | "primary" | "foreground" | "sunset" | "ocean" | "violet" | "emerald"; interface Upload5Props { imageSrc?: string; alt?: string; initials?: string; caption?: string; tone?: Tone; className?: string; } const avatarClasses: Record = { primary: "bg-primary text-primary-foreground", foreground: "bg-foreground text-background", sunset: "bg-gradient-to-br from-rose-500 to-orange-500 text-white", ocean: "bg-gradient-to-br from-sky-500 to-indigo-500 text-white", violet: "bg-gradient-to-br from-indigo-500 to-violet-500 text-white", emerald: "bg-gradient-to-br from-emerald-500 to-teal-500 text-white", }; const defaultImage = "https://images.unsplash.com/photo-1668262958669-f29c727d5a74?w=200&auto=format&fit=crop&q=90"; export const upload5Demo: Upload5Props = { imageSrc: defaultImage, alt: "Profile photo", initials: "BS", caption: "Change profile photo", tone: "primary", }; export function Upload5({ imageSrc = defaultImage, alt = "Profile photo", initials = "??", caption, tone = "primary", className, }: Upload5Props) { return (

{imageSrc ? ( {alt}

) : ( initials )}

{caption && ( {caption} )}

); }