# Morning Weather Brief — Bengaluru

<Columns>
<div>
<Card title="Current Conditions" subtitle="Bengaluru, Karnataka">
<Stat label="Temperature" value="24°C" note="Feels like 26°C" icon="thermometer" />
<Stat label="Conditions" value="Partly Cloudy" note="Humidity 72% · Wind 12 km/h" icon="cloud-sun" />
<Stat label="Air Quality" value="AQI 58" note="Moderate" tone="success" icon="leaf" />
</Card>
</div>
<div>
<Card title="Sunrise & Sunset">
<Columns>
<div>
<Stat label="Sunrise" value="6:24 AM" icon="sunrise" />
</div>
<div>
<Stat label="Sunset" value="6:12 PM" icon="sunset" />
</div>
</Columns>
<Callout tone="info" title="Daylight">Total daylight: 11 hours 48 minutes. UV index: Moderate (5) — sunscreen advised.</Callout>
</Card>
</div>
</Columns>

<Card title="3-Day Outlook">
<Tabs>
<Tab title="Today · Tue">
<Columns>
<div>
<Stat label="High / Low" value="29° / 20°" icon="thermometer" />
<Stat label="Rain Chance" value="20%" icon="drop" />
</div>
<div>
<Stat label="Humidity" value="65%" icon="droplet" />
<Stat label="Wind" value="14 km/h" note="From the east" icon="wind" />
</div>
</Columns>
</Tab>
<Tab title="Wed">
<Columns>
<div>
<Stat label="High / Low" value="30° / 21°" icon="thermometer" />
<Stat label="Rain Chance" value="40%" icon="drop" />
</div>
<div>
<Stat label="Humidity" value="70%" icon="droplet" />
<Stat label="Wind" value="10 km/h" note="Light breeze" icon="wind" />
</div>
</Columns>
</Tab>
<Tab title="Thu">
<Columns>
<div>
<Stat label="High / Low" value="28° / 19°" icon="thermometer" />
<Stat label="Rain Chance" value="60%" icon="drop" />
</div>
<div>
<Stat label="Humidity" value="78%" icon="droplet" />
<Stat label="Wind" value="8 km/h" note="Calm" icon="wind" />
</div>
</Columns>
</Tab>
</Tabs>
</Card>

<Card title="Week Ahead Preview">
<Chart type="line" x="Day" y="Temp (°C)">
| Day | High | Low |
|---|---|---|
| Tue | 29 | 20 |
| Wed | 30 | 21 |
| Thu | 28 | 19 |
| Fri | 27 | 18 |
| Sat | 26 | 18 |
| Sun | 27 | 19 |
</Chart>
</Card>

<Callout tone="warning" title="Thursday Alert">Scattered thunderstorms expected Thursday afternoon. Carry an umbrella if heading out after 3 PM.</Callout>

<Details title="Detailed Sunrise/Sunset Times" open="false">
| Day | Sunrise | Sunset | Daylight |
|---|---|---|---|
| Tue | 6:24 AM | 6:12 PM | 11h 48m |
| Wed | 6:24 AM | 6:11 PM | 11h 47m |
| Thu | 6:24 AM | 6:10 PM | 11h 46m |
</Details>