"use client"; import { GraduationCap } from "lucide-react"; import { cn } from "@/lib/utils"; type Tone = | "primary" | "foreground" | "sunset" | "ocean" | "emerald" | "violet"; interface Education1Props { title?: string; instructor?: string; lessons?: number; hours?: string; progress?: number; tone?: Tone; className?: string; } const thumbClasses: Record = { primary: "bg-primary", foreground: "bg-foreground", sunset: "bg-gradient-to-br from-rose-500 to-orange-500", ocean: "bg-gradient-to-br from-sky-500 to-indigo-500", emerald: "bg-gradient-to-br from-emerald-500 to-teal-500", violet: "bg-gradient-to-br from-violet-500 to-fuchsia-500", }; const barClasses: Record = { primary: "bg-primary", foreground: "bg-foreground", sunset: "bg-orange-500", ocean: "bg-indigo-500", emerald: "bg-emerald-500", violet: "bg-violet-500", }; export const education1Demo: Education1Props = { title: "Design systems for shipping teams", instructor: "Beste Sözen", lessons: 24, hours: "6h 42m", progress: 58, tone: "ocean", }; export function Education1({ title, instructor, lessons, hours, progress = 0, tone = "ocean", className, }: Education1Props) { const pct = Math.max(0, Math.min(100, progress)); return (

{title && ( {title} )}

{instructor && {instructor}} {hours && ( <> {hours} )}

); }