import { dynamic } from "@solidjs/web";
import { omit } from "solid-js";
import { mergeRootProps } from "../../internals/merge-root-props.jsx";
import { resolveClassStyle } from "../../internals/resolve-class-style.jsx";
/**
 * Contains the meter indicator. Renders a `<div>` (or `as` override).
 *
 * §1 wave 2: replaces `renderElement` with a `dynamic()` element. Meter has no
 * derived state (root state is `Record<never, never>`), so this part is
 * a pure forwarder of consumer props.
 */
export function MeterTrack(props) {
  const userClassStyle = resolveClassStyle(props, () => ({}));
  const userProps = omit(props, "as", "class", "style", "attrs");
  const merged = mergeRootProps(userClassStyle, userProps);
  const Tag = dynamic(() => props.as ?? "div");
  return <Tag {...merged} />;
}
//# sourceMappingURL=meter-track.jsx.map