import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
import { VegaInputRange } from '../../vega-input-range';
/** The class VegaInputRangeRenderer is a TypeScript React component that renders an input range field with custom label, hint, and styling options. */
export declare class VegaInputRangeRenderer extends VegaSlimmer {
  protected required: VegaInputRange['required'];
  protected disabled: VegaInputRange['disabled'];
  protected label: VegaInputRange['label'];
  protected hint: VegaInputRange['hint'];
  protected stack: VegaInputRange['stack'];
  protected inputRangeInputRenderer: VegaInputRange['inputRangeInputRenderer'];
  private inputRangeContainerRef;
  /**
   * This function returns the reference to the input range container element in a TypeScript React component.
   *
   * @returns {HTMLElement} An HTMLElement, specifically the inputRangeContainerRef.
   */
  getInputRangeContainerRef(): HTMLElement;
  /**
   * The render function returns a JSX structure that includes a vega-flex container with a vega-field-label and an input range input renderer.
   *
   * @returns {HTMLElement} An HTMLElement is being returned. The code snippet is a render method of a component that
   * returns a structure containing a vega-flex element with various attributes and child elements,
   * including a vega-field-label and the result of calling the render method of
   * inputRangeInputRenderer. Additionally, the renderHintDom method is being called and its result is
   * included in the returned structure.
   */
  render(): HTMLElement;
  /**
   * The function `renderHintDom` returns a label element with a hint text if the `hint` property is provided.
   *
   * @returns {Nullable<HTMLElement>} A `label` element with the class `vega-input-range-hint` containing a `vega-font` element
   * with the variant `font-footnote1-short` and color `text-secondary`, displaying the hint text stored
   * in the `this.hint` property.
   */
  private renderHintDom;
}
