import { jsx as _jsx } from "react/jsx-runtime";
import { cn } from '../../../../../scalars/lib/utils.js';
const LoadingBar = ({ progress = 50, className }) => {
    const valueProgress = Math.max(0, Math.min(100, progress));
    return (_jsx("div", { className: cn('flex flex-col items-center justify-center gap-4', className), children: _jsx("progress", { value: valueProgress, max: 100, "aria-label": "Loading progress", className: cn('w-full h-[25px]', 'appearance-none overflow-hidden rounded-[100px] bg-gray-300', '[&::-webkit-progress-bar]:bg-gray-300', '[&::-webkit-progress-value]:bg-gray-500', '[&::-moz-progress-bar]:bg-gray-500') }) }));
};
export default LoadingBar;
//# sourceMappingURL=loading-bar.js.map