// Adapted from Base UI compositions (MIT). See THIRD_PARTY_NOTICES.md.
"use client";
import type { ComponentProps } from "react";
import { Meter as Primitive } from "./_ynrlib/base-ui.js";
export function Meter({
  className,
  ...props
}: ComponentProps<typeof Primitive.Root>) {
  return (
    <Primitive.Root
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-meter-root ${className(state) ?? ""}`
          : `ynr-meter-root ${className ?? ""}`
      }
    />
  );
}
export function MeterLabel({
  className,
  ...props
}: ComponentProps<typeof Primitive.Label>) {
  return (
    <Primitive.Label
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-meter-label ${className(state) ?? ""}`
          : `ynr-meter-label ${className ?? ""}`
      }
    />
  );
}
export const MeterValue = Primitive.Value;
export function MeterTrack({
  className,
  ...props
}: ComponentProps<typeof Primitive.Track>) {
  return (
    <Primitive.Track
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-meter-track ${className(state) ?? ""}`
          : `ynr-meter-track ${className ?? ""}`
      }
    />
  );
}
export function MeterIndicator({
  className,
  ...props
}: ComponentProps<typeof Primitive.Indicator>) {
  return (
    <Primitive.Indicator
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-meter-indicator ${className(state) ?? ""}`
          : `ynr-meter-indicator ${className ?? ""}`
      }
    />
  );
}