// @flow
import * as React from "react";

import type { Translation, Globals } from "../common/common.js.flow";

export type Data = number[];

export type Value = number | number[];

export type SliderCallback = (value: Value) => void | Promise<any>;

export type AriaLabel = string | string[];

export type Props = {|
  ...Globals,
  minValue?: number,
  maxValue?: number,
  step?: number,
  defaultValue?: Value,
  onChange?: SliderCallback,
  onChangeBefore?: SliderCallback,
  onChangeAfter?: SliderCallback,
  label?: Translation,
  valueDescription?: Translation,
  ariaLabel?: AriaLabel,
  ariaValueText?: string,
  histogramData?: Data,
  histogramDescription?: Translation,
  histogramLoading?: boolean,
  histogramLoadingText?: Translation,
|};

declare export default React.ComponentType<Props>;