Weather Card

City name, big temperature, condition label, and a high/low line with an icon tile that colors by condition.

Istanbul
18°C
CloudyH:21° · L:12°

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Weather1 } from "@/components/beste/piece/weather1";

<Weather1
  city="Istanbul"
  temp={18}
  high={21}
  low={12}
  condition="cloudy"
  unit="C"
  highPrefix="H:"
  lowPrefix="L:"
/>