"use client"; import { GitCommitHorizontal, Loader2, TriangleAlert, CheckCircle2 } from "lucide-react"; import { cn } from "@/lib/utils"; type DeployStatus = "building" | "success" | "failed"; interface Notification7Props { branch?: string; commit?: string; message?: string; status?: DeployStatus; duration?: string; className?: string; } const statusConfig: Record< DeployStatus, { icon: typeof CheckCircle2; label: string; pill: string } > = { building: { icon: Loader2, label: "Building", pill: "bg-sky-500/10 text-sky-700 dark:text-sky-400", }, success: { icon: CheckCircle2, label: "Deployed", pill: "bg-emerald-500/10 text-emerald-700 dark:text-emerald-400", }, failed: { icon: TriangleAlert, label: "Failed", pill: "bg-rose-500/10 text-rose-700 dark:text-rose-400", }, }; export const notification7Demo: Notification7Props = { branch: "main", commit: "a1b2c3d", message: "fix: resolve cart rounding edge case", status: "success", duration: "42s", }; export function Notification7({ branch = "main", commit = "0000000", message, status = "success", duration, className, }: Notification7Props) { const config = statusConfig[status]; const Icon = config.icon; return (

{duration && ( {duration} )}

{message && ( {message} )}

); }