"use client"; import { Cloud, CloudRain, CloudSnow, Moon, Sun } from "lucide-react"; import { cn } from "@/lib/utils"; type Condition = "sunny" | "cloudy" | "rainy" | "snowy" | "night"; interface Weather4Props { city?: string; temp?: number; feels?: number; high?: number; low?: number; condition?: Condition; conditionLabel?: string; unit?: "C" | "F"; className?: string; } const iconMap: Record = { sunny: Sun, cloudy: Cloud, rainy: CloudRain, snowy: CloudSnow, night: Moon, }; const iconColorMap: Record = { sunny: "text-amber-500", cloudy: "text-slate-500", rainy: "text-sky-500", snowy: "text-cyan-500", night: "text-indigo-400", }; const conditionDefaultLabel: Record = { sunny: "Sunny", cloudy: "Cloudy", rainy: "Rainy", snowy: "Snowing", night: "Clear night", }; export const weather4Demo: Weather4Props = { city: "Istanbul", temp: 22, feels: 24, high: 25, low: 14, condition: "sunny", unit: "C", }; export function Weather4({ city, temp, feels, high, low, condition = "sunny", conditionLabel, unit = "C", className, }: Weather4Props) { const Icon = iconMap[condition]; const label = conditionLabel ?? conditionDefaultLabel[condition]; return (

{city && ( {city} )}

{typeof temp === "number" && ( {temp}° )} {unit}

{label}

{typeof high === "number" && H:{high}°} {typeof low === "number" && L:{low}°} {typeof feels === "number" && · Feels {feels}°}

); }