# Package Tracking

<Card title="Current Location">
<Columns>
<div>

<Stat label="Status" value="In Transit" tone="info" icon="package" />

**Last scan:** Today, 10:42 AM  
**Facility:** Memphis Regional Hub, TN

</div>
<div>

<Chart type="bar" title="Distance remaining" x="Leg" y="Miles">
| Leg | Miles |
|---|---|
| Completed | 1,240 |
| Remaining | 320 |
</Chart>

</div>
</Columns>
</Card>

<Card title="Estimated Delivery">
<Columns>
<div>

<Stat label="Estimated Delivery" value="Friday, Jun 14" tone="success" icon="calendar" />

**Delivery window:** 9:00 AM – 1:00 PM  
**Service:** Priority Express (2-day)

</div>
<div>

<Progress value="79" max="100" label="Progress to destination" tone="info" />

</div>
</Columns>
</Card>

<Card title="Shipment Progress">
<Steps>
<Step title="Label Created" status="done" subtitle="Jun 10, 4:15 PM" />
<Step title="Picked Up" status="done" subtitle="Jun 11, 8:02 AM" />
<Step title="Arrived at Memphis Hub" status="done" subtitle="Jun 12, 11:37 PM" />
<Step title="Out for Delivery" status="current" subtitle="Expected Jun 14, 8:30 AM" />
<Step title="Delivered" status="todo" subtitle="Expected by 1:00 PM" />
</Steps>
</Card>

<Card title="Report a Problem">
<Callout tone="warning" title="Delivery issue?">
We're here to help. Tell us what's wrong and we'll investigate right away.
</Callout>

<Form name="delivery-issue">
<Radio label="Issue type" options="Delayed delivery | Damaged package | Wrong address | Missing package | Other" required="true" />
<TextArea label="Describe the problem" placeholder="Tell us what happened..." rows="4" required="true" hint="Include any details that might help us resolve this faster" />
<Button>Submit Report</Button>
</Form>
</Card>