laif-ds/dist/components/ui/progress.js

Design System di Laif con componenti React basati su principi di Atomic Design

"use client";
import { jsx as r } from "react/jsx-runtime";
import { Root as a, Indicator as e } from "../../node_modules/@radix-ui/react-progress/dist/index.js";
import { cn as s } from "../../lib/utils.js";
function f({
  className: o,
  value: l,
  ...t
}) {
  return /* @__PURE__ */ r(
    a,
    {
      "data-slot": "progress",
      className: s(
        "bg-d-primary/20 relative h-2 w-full overflow-hidden rounded-full",
        o
      ),
      ...t,
      children: /* @__PURE__ */ r(
        e,
        {
          "data-slot": "progress-indicator",
          className: "bg-d-primary h-full w-full flex-1 transition-all",
          style: { transform: `translateX(-${100 - (l || 0)}%)` }
        }
      )
    }
  );
}
export {
  f as Progress
};