# Morning Weather Brief — Bengaluru

<Card title="Current Conditions" subtitle="Bengaluru, Karnataka">
<Columns>
<div>
<Stat label="Temperature" value="24°C" note="Feels like 26°C" icon="thermometer-simple" />
<Stat label="Conditions" value="Partly Cloudy" note="Humidity 68% · Wind 12 km/h" icon="cloud-sun" />
</div>
<div>
<Stat label="Air Quality" value="AQI 42" note="Good" tone="success" icon="leaf" />
<Stat label="UV Index" value="Moderate" note="3 of 11" tone="warning" icon="sun" />
</div>
</Columns>
<Callout tone="info" title="Morning note">Light showers possible after 3 PM. Carry an umbrella if you're heading out late.</Callout>
</Card>

<Card title="3-Day Outlook">
<Chart type="line" x="Day" y="Temperature (°C)">
| Day | High | Low |
|---|---|---|
| Today | 29 | 20 |
| Tomorrow | 30 | 21 |
| Wednesday | 28 | 20 |
</Chart>
<Columns>
<div>
<Badge tone="info">Today</Badge>
**High 29° / Low 20°**
Partly cloudy, 20% rain chance
</div>
<div>
<Badge tone="neutral">Tomorrow</Badge>
**High 30° / Low 21°**
Sunny intervals, 10% rain chance
</div>
<div>
<Badge tone="warning">Wednesday</Badge>
**High 28° / Low 20°**
Overcast, 40% rain chance
</div>
</Columns>
</Card>

<Card title="Sunrise & Sunset">
<Columns>
<div>
<Stat label="Sunrise" value="6:12 AM" icon="sunrise" />
</div>
<div>
<Stat label="Sunset" value="6:38 PM" icon="sunset" />
</div>
</Columns>
<Progress value="45" max="100" label="Daylight progress" tone="info" />
</Card>