Uploaded-video card with a play button over a dark thumb, duration badge, and a filename footer.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Upload24 } from "@/components/beste/piece/upload24";
<Upload24
filename="launch-teaser.mp4"
duration="0:42"
size="54 MB"
thumbnailSrc="https://images.unsplash.com/photo-1776608721705-3a529722aea5?w=300&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHw1MXx8fGVufDB8fHx8fA%3D%3D"
/>Uploaded-image card with a dashed crop overlay on a gradient placeholder and rotate, crop, delete tools below.
File tile with icon, name, size, and an inline progress bar.
Interrupted-upload card with an amber state, half-filled bar, resume byte offset, and a Resume button.
Failed-upload card with a rose-tinted file row, an alert message in its own box, and a Retry button.
Zip bundle card with an amber archive tile, file count, compressed savings line, and a Download button.
Share-ready card with a file header, a joined copy-URL row in mono, and an expiry caption beneath.