"use client";
import * as ProgressPrimitive from '@radix-ui/react-progress';
import { clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';
import { jsx } from 'react/jsx-runtime';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
function cn(...inputs) {
  return twMerge(clsx(inputs));
}
__name(cn, "cn");
var Progress = /* @__PURE__ */ __name(({
  className,
  value,
  ...props
}) => /* @__PURE__ */ jsx(
  ProgressPrimitive.Root,
  {
    className: cn(
      "bg-bg-quaternary relative h-4 w-full overflow-hidden",
      className
    ),
    ...props,
    children: /* @__PURE__ */ jsx(
      ProgressPrimitive.Indicator,
      {
        className: "h-full w-full flex-1 bg-green-500 transition-all",
        style: { transform: `translateX(-${100 - (value || 0)}%)` }
      }
    )
  }
), "Progress");
Progress.displayName = ProgressPrimitive.Root.displayName;
var progress_default = Progress;

export { Progress, progress_default as default };
