# Bengaluru Morning Weather Brief

<Card title="Current Conditions">
<Columns>
<Stat label="Temperature" value="24°C" icon="thermometer" note="Feels like 26°C" />
<Stat label="Conditions" value="Partly Cloudy" icon="cloud-sun" note="Humidity 68%" />
<Stat label="Wind" value="12 km/h" icon="wind" note="From the west" />
</Columns>
<Progress value="68" max="100" label="Humidity" tone="info" />
</Card>

<Card title="Next 3 Days Outlook">
<Columns>
<Card title="Today">
<Badge tone="info">Partly Cloudy</Badge>
<Price value="31°" was="33°" note="High / Low: 31° / 22°" />
<Stat label="Rain chance" value="20%" icon="cloud-rain" />
</Card>
<Card title="Tomorrow">
<Badge tone="warning">Thunderstorms</Badge>
<Price value="29°" was="31°" note="High / Low: 29° / 21°" />
<Stat label="Rain chance" value="70%" icon="cloud-lightning" />
</Card>
<Card title="Day After">
<Badge tone="success">Sunny</Badge>
<Price value="32°" note="High / Low: 32° / 23°" />
<Stat label="Rain chance" value="10%" icon="sun" />
</Card>
</Columns>
</Card>

<Card title="Sunrise & Sunset">
<Columns>
<Stat label="Sunrise" value="6:04 AM" icon="sunrise" note="6:04:32 AM" />
<Stat label="Sunset" value="6:42 PM" icon="sunset" note="6:42:15 PM" />
</Columns>
<Callout tone="info" title="Daylight">Daylight lasts 12 hours 38 minutes today — 24 seconds longer than yesterday.</Callout>
</Card>

<Callout tone="warning" title="Tomorrow's weather alert">Scattered thunderstorms expected in the afternoon. Carry an umbrella if heading out after 2 PM.</Callout>

<Button variant="primary" ask="Show me the hourly forecast for today">Hourly forecast</Button>
<Button variant="secondary" ask="What should I wear today in Bengaluru?">Dress advice</Button>