@szum-tech/design-system/dist/chunk-TH44JYXB.cjs

Szum-Tech design system with tailwindcss support

'use strict';

var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
var radixUi = require('radix-ui');
var jsxRuntime = require('react/jsx-runtime');

function Progress({ className, value, ...props }) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    radixUi.Progress.Root,
    {
      "data-slot": "progress",
      className: chunkH2BWO3SI_cjs.cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded", className),
      value,
      ...props,
      children: /* @__PURE__ */ jsxRuntime.jsx(
        radixUi.Progress.Indicator,
        {
          "data-slot": "progress-indicator",
          className: "bg-primary size-full flex-1 transition-all duration-500 ease-in-out",
          style: { transform: `translateX(-${100 - (value || 0)}%)` }
        }
      )
    }
  );
}

exports.Progress = Progress;