import Component from '@glimmer/component';
import { EuiRangeLevel, LEVEL_COLORS } from '../eui-range-levels';
export { LEVEL_COLORS };
export interface EuiRangeTick {
    value: number;
    label: Component;
}
export declare type EuiRangeTrackArgs = {
    min: number;
    max: number;
    step?: number;
    value?: number | string | Array<string | number>;
    compressed?: boolean;
    disabled?: boolean;
    showTicks?: boolean;
    tickInterval?: number;
    ticks?: EuiRangeTick[];
    onChange?: MouseEvent;
    levels?: EuiRangeLevel[];
};
export default class EuiRangeTrackComponent extends Component<EuiRangeTrackArgs> {
    validateValueIsInStep(value: number): number;
    calculateSequence(min: EuiRangeTrackArgs['min'], max: EuiRangeTrackArgs['max'], interval?: EuiRangeTrackArgs['tickInterval']): number[];
    calculateTicks(min: EuiRangeTrackArgs['min'], max: EuiRangeTrackArgs['max'], step?: EuiRangeTrackArgs['step'], tickInterval?: EuiRangeTrackArgs['tickInterval'], customTicks?: EuiRangeTick[]): number[];
    get derivedState(): {
        tickSequence: number[] | undefined;
        styles: import("@ember/template/-private/handlebars").SafeString;
    };
}