"use client";
// Adapted from Adobe React Spectrum starters (Apache-2.0).
// Modified: owned composition, local runtime, scoped CSS and customization.
// See THIRD_PARTY_NOTICES.md.
import {
  Meter as PrimitiveMeter,
  type MeterProps as AriaProps,
  Label,
  composeRenderProps,
} from "./react-aria-runtime.js";
export interface AriaMeterProps extends Omit<AriaProps, "children"> {
  label: string;
}
export function AriaMeter({ label, className, ...props }: AriaMeterProps) {
  return (
    <PrimitiveMeter
      {...props}
      className={composeRenderProps(
        className,
        (value) => `ynr-aria-meter ynr-aria ${value ?? ""}`,
      )}
    >
      {({ percentage, valueText }) => (
        <>
          <div className="ynr-aria-meter-label">
            <Label>{label}</Label>
            <span>{valueText}</span>
          </div>
          <div className="ynr-aria-meter-track">
            <div
              className="ynr-aria-meter-fill"
              style={{ width: `${percentage}%` }}
            />
          </div>
        </>
      )}
    </PrimitiveMeter>
  );
}