32 lines
771 B
JavaScript
32 lines
771 B
JavaScript
import { jsx } from "react/jsx-runtime";
|
|
import * as ProgressPrimitive from "@radix-ui/react-progress";
|
|
import { c as cn } from "./utils-DLCPGU0v.js";
|
|
function Progress({
|
|
className,
|
|
value,
|
|
...props
|
|
}) {
|
|
return /* @__PURE__ */ jsx(
|
|
ProgressPrimitive.Root,
|
|
{
|
|
"data-slot": "progress",
|
|
className: cn(
|
|
"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
|
|
className
|
|
),
|
|
...props,
|
|
children: /* @__PURE__ */ jsx(
|
|
ProgressPrimitive.Indicator,
|
|
{
|
|
"data-slot": "progress-indicator",
|
|
className: "bg-primary h-full w-full flex-1 transition-all",
|
|
style: { transform: `translateX(-${100 - (value || 0)}%)` }
|
|
}
|
|
)
|
|
}
|
|
);
|
|
}
|
|
export {
|
|
Progress as P
|
|
};
|