@szum-tech/design-system/dist/chunk-PBEZZMAB.js

Szum-Tech design system with tailwindcss support

import { cn } from './chunk-ZD2QRAOX.js';
import { Progress as Progress$1 } from 'radix-ui';
import { jsx } from 'react/jsx-runtime';

function Progress({ className, value, ...props }) {
  return /* @__PURE__ */ jsx(
    Progress$1.Root,
    {
      "data-slot": "progress",
      className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded", className),
      value,
      ...props,
      children: /* @__PURE__ */ jsx(
        Progress$1.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)}%)` }
        }
      )
    }
  );
}

export { Progress };