import Component from '@glimmer/component';
import { htmlSafe } from '@ember/template';
export interface EuiRangeTick {
    value: number;
    label: Component;
}
type Value = string | number;
export type EuiRangeTicksArgs = {
    ticks: EuiRangeTick[];
    tickSequence: number[];
    value?: Value | Value[];
    min: number;
    max: number;
    compressed?: boolean;
    interval?: number;
    disabled?: boolean;
    onChange?: (e: MouseEvent) => void;
    trackWidth?: number;
};
export interface EuiRangeTicksSignature {
    Element: HTMLDivElement;
    Args: EuiRangeTicksArgs;
}
export default class EuiRangeTicksComponent extends Component<EuiRangeTicksSignature> {
    get percentageWidth(): number;
    get ticksStyle(): ReturnType<typeof htmlSafe> | undefined;
    get trackWidth(): number;
}
export {};
//# sourceMappingURL=eui-range-ticks.d.ts.map