"use client";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import * as React from "react";
import * as ProgressPrimitive from "@radix-ui/react-progress";
import { cn } from "../../lib/utils";
const Progress = React.forwardRef(({ className, value, indicatorClassName, indicatorStyle, showValue = true, ...props }, ref) => (_jsxs(ProgressPrimitive.Root, { ref: ref, className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className), ...props, children: [_jsx(ProgressPrimitive.Indicator, { className: cn("bg-primary h-full w-full flex-1 transition-all duration-300", indicatorClassName), style: {
                transform: `translateX(-${100 - (value || 0)}%)`,
                ...indicatorStyle,
            } }), showValue && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsxs("span", { className: "text-xs font-medium text-white drop-shadow-sm", children: [Math.round(value || 0), "%"] }) }))] })));
Progress.displayName = ProgressPrimitive.Root.displayName;
export { Progress };
//# sourceMappingURL=progress.js.map