About this piece
Delivery Tracker
Four-step delivery progress with icon tiles, a ringed active step, and an arrival-time pill.
Usage
The import and the props worth knowing about, in one place.
import { Food4 } from "@/components/beste/piece/food4";
<Food4
surface="card"
bordered={false}
inverted={false}
phase="riding"
eta="15–20 min"
receivedLabel="Order"
preparingLabel="Kitchen"
ridingLabel="On the way"
deliveredLabel="Delivered"
/>