import { jsx } from "react/jsx-runtime";
import * as RadixProgress from "@radix-ui/react-progress";
import * as React from "react";
import { concat } from "../../utils/classNames.js";
import { clamp } from "../../utils/maths.js";
import "../../utils/globals.js";
import "./progressBar.theme.css.js";
const ProgressBar = React.forwardRef(({ progress, className, indicatorClassName, ...props }, ref) => {
  const style = {
    "--arm-progress-bar-value": `${clamp(progress ?? 0, 0, 100)}%`
  };
  return jsx(RadixProgress.Root, { className: concat(className, "arm-progress-bar"), value: progress, ref, ...props, children: jsx(RadixProgress.Indicator, { className: concat(indicatorClassName, "arm-progress-bar-indicator"), style }) });
});
ProgressBar.displayName = "ProgressBar";
export {
  ProgressBar
};
//# sourceMappingURL=progressBar.component.js.map
