<Card title="Up Next" subtitle="Wednesday, June 12 · 2:00 PM – 2:30 PM">
<Columns>
<div>
<Stat label="Next meeting" value="Design Review" icon="calendar" />
<Stat label="Starts in" value="25 min" icon="clock" />
</div>
<div>
<Badge tone="info">Video call</Badge>
<Badge tone="success">On time</Badge>
</div>
</Columns>
</Card>

<Card title="Attendees">
<Columns>
<Avatar name="Amelia Chen" subtitle="Design Lead" />
<Avatar name="Marcus Webb" subtitle="Product Manager" />
<Avatar name="Priya Patel" subtitle="Frontend Engineer" />
<Avatar name="Tom Okafor" subtitle="Backend Engineer" />
</Columns>
</Card>

<Card title="Join the call">
<Callout tone="info" title="Meeting link">https://meet.example.com/design-review-0612</Callout>
<Button label="Join call" icon="video-camera">Join call</Button>
<Button variant="secondary" icon="copy">Copy link</Button>
</Card>