import { jsx as _jsx } from "react/jsx-runtime";
export function UploadFileItemProgressBar(props) {
    const { status, progress = 0 } = props;
    if (status !== "uploading")
        return null;
    const clamped = Math.min(100, Math.max(0, progress));
    return (_jsx("div", { className: "h-2 w-full overflow-hidden rounded-sm bg-gray-200", children: _jsx("div", { className: "h-full bg-blue-900 transition-all duration-300 ease-out", style: { width: `${clamped}%` } }) }));
}
//# sourceMappingURL=progress-bar.js.map