// Adapted from shadcn/ui (MIT). See THIRD_PARTY_NOTICES.md.
"use client";
import type { ComponentProps } from "react";
import { Progress as Primitive } from "./_ynrlib/radix-ui.js";
export function Progress({
  className = "",
  value,
  max = 100,
  ...props
}: ComponentProps<typeof Primitive.Root>) {
  const limit = Number.isFinite(max) && max > 0 ? max : 100;
  const current =
    typeof value === "number" && Number.isFinite(value)
      ? Math.min(limit, Math.max(0, value))
      : null;
  return (
    <Primitive.Root
      {...props}
      max={limit}
      value={current}
      className={`ynr-progress ${className}`}
    >
      <Primitive.Indicator
        className="ynr-progress-indicator"
        style={{
          width: current === null ? "35%" : `${(current / limit) * 100}%`,
        }}
      />
    </Primitive.Root>
  );
}