"use client"; import { Eye } from "lucide-react"; import Image from "next/image"; import { cn } from "@/lib/utils"; type Tone = | "primary" | "foreground" | "sunset" | "ocean" | "violet" | "midnight"; interface Media11Props { src?: string; alt?: string; title?: string; viewers?: string; tone?: Tone; className?: string; } const toneClasses: Record = { primary: "bg-primary", foreground: "bg-foreground", sunset: "bg-gradient-to-br from-rose-500 to-orange-400", ocean: "bg-gradient-to-br from-sky-500 to-indigo-600", violet: "bg-gradient-to-br from-violet-500 to-fuchsia-500", midnight: "bg-gradient-to-br from-indigo-900 to-slate-900", }; export const media11Demo: Media11Props = { src: "https://images.unsplash.com/photo-1470813740244-df37b8c1edcb?w=400&fit=crop", alt: "Live event scene", title: "Launch Week · Day 3", viewers: "1.2K", tone: "midnight", }; export function Media11({ src, alt, title, viewers, tone = "midnight", className, }: Media11Props) { return (

{src && (

)} {viewers && ( )} {title && ( {title} )}

); }