# Morning Weather Brief – Bengaluru

<Columns>
<Card title="Current Conditions" subtitle="Bengaluru, India">
<Stat label="Temperature" value="27°C" icon="thermometer" />
<Stat label="Condition" value="Partly Cloudy" icon="cloud" />
<Stat label="Humidity" value="65%" icon="drop" />
<Stat label="Wind" value="12 km/h" icon="wind" />
<Badge tone="info">Morning update</Badge>
</Card>

<Card title="Sunrise & Sunset">
<Stat label="Sunrise" value="6:12 AM" icon="sunrise" />
<Stat label="Sunset" value="6:35 PM" icon="sunset" />
<Stat label="Daylight" value="12h 23m" icon="clock" />
<Button variant="secondary" size="small" ask="Show sunrise and sunset times for next week">Next week</Button>
</Card>
</Columns>

<Card title="3-Day Outlook">
<Tabs>
<Tab title="Today">
<Stat label="High" value="31°C" icon="sun" />
<Stat label="Low" value="21°C" icon="moon" />
<Stat label="Condition" value="Partly Cloudy" icon="cloud-sun" />
<Progress value="65" max="100" label="Rain chance: 10%" tone="info" />
<Button ask="Show hourly forecast for today">Hourly details</Button>
</Tab>

<Tab title="Tomorrow">
<Stat label="High" value="30°C" icon="sun" />
<Stat label="Low" value="22°C" icon="moon" />
<Stat label="Condition" value="Scattered Thunderstorms" icon="cloud-lightning" />
<Progress value="65" max="100" label="Rain chance: 60%" tone="warning" />
<Button ask="Show hourly forecast for tomorrow">Hourly details</Button>
</Tab>

<Tab title="Day After">
<Stat label="High" value="29°C" icon="sun" />
<Stat label="Low" value="21°C" icon="moon" />
<Stat label="Condition" value="Light Rain" icon="cloud-rain" />
<Progress value="65" max="100" label="Rain chance: 40%" tone="warning" />
<Button ask="Show hourly forecast for day after">Hourly details</Button>
</Tab>
</Tabs>
</Card>

<Card title="Temperature Trend">
<Chart type="line" x="Day" y="°C">
| Day | High | Low |
|---|---|---|
| Today | 31 | 21 |
| Tomorrow | 30 | 22 |
| Day After | 29 | 21 |
</Chart>
</Card>

<FollowUps>
- Show me the weather for next week
- Any rain alerts for Bengaluru today?
- Compare with yesterday's temperatures
</FollowUps>