<Card title="Current weather in Bengaluru">
<Stat label="Temperature" value="28°C" tone="neutral" />
<Badge tone="info">Partly cloudy</Badge>
</Card>

<Card title="3‑day outlook">
<Steps>
<Step title="Mon" status="todo">
<Stat label="High" value="31°C" tone="neutral" />
<Badge tone="info">Partly cloudy</Badge>
<Stat label="Low" value="24°C" tone="neutral" />
</Step>
<Step title="Tue" status="todo">
<Stat label="High" value="29°C" tone="neutral" />
<Badge tone="success">Sunny</Badge>
<Stat label="Low" value="23°C" tone="neutral" />
</Step>
<Step title="Wed" status="todo">
<Stat label="High" value="27°C" tone="neutral" />
<Badge tone="warning">Rain</Badge>
<Stat label="Low" value="22°C" tone="neutral" />
</Step>
</Steps>
</Card>

<Card title="Sunrise & Sunset">
<Stat label="Sunrise" value="6:45 AM" tone="neutral" />
<Stat label="Sunset" value="6:58 PM" tone="neutral" />
</Card>