Interrupted-upload card with an amber state, half-filled bar, resume byte offset, and a Resume button.
The import and the props worth knowing about, in one place.
import { Upload21 } from "@/components/beste/piece/upload21";
<Upload21
filename="design-archive.zip"
interruptedAt="Interrupted 4 minutes ago"
percent={42}
resumeFrom="Resume from 132 MB"
/>Paused-upload row with an amber Resume button and a static amber progress track matching the state.
Aggregate upload card with a total-files header, a single sky bar, and a done, uploading, queued tally.
Zip bundle card with an amber archive tile, file count, compressed savings line, and a Download button.
File tile with icon, name, size, and an inline progress bar.