import type { JSX, ValidComponent } from "@solidjs/web";
import type { BaseUIComponentProps } from "../../internals/types.js";
import { type SliderRootState } from "../slider-root-context.js";
export interface SliderIndicatorState extends SliderRootState {
}
export interface SliderIndicatorProps extends BaseUIComponentProps<"div", SliderIndicatorState> {
    /** Tag/component to render. Defaults to `"div"`. */
    as?: ValidComponent;
}
/**
 * Visualizes the current value of the slider. Renders a `<div>` (or `as`
 * override).
 *
 * Center-aligned indicators use pure-CSS percent math (`(value - min) /
 * (max - min)`). Edge-aligned indicators pull positions from the root's
 * `indicatorPosition` signal, which is written from `<Slider.Thumb>`'s
 * ResizeObserver — this compensates for the thumb's own width so its edge
 * (not its center) aligns with the control endpoints.
 *
 * §1 wave 3: replaces `renderElement` with `dynamic(() => props.as ?? "div")`.
 */
export declare function SliderIndicator(props: SliderIndicatorProps): JSX.Element;
export declare namespace SliderIndicator {
    type State = SliderIndicatorState;
    type Props = SliderIndicatorProps;
}
//# sourceMappingURL=slider-indicator.d.ts.map