import { TimeRangeValue } from '@perses-dev/core';
import { ReactElement } from 'react';
import { TimeOption } from '../model';
interface TimeRangeSelectorProps {
    /**
     * The current value of the time range.
     */
    value: TimeRangeValue;
    /**
     * The list of time options to display in the dropdown.
     * The component will automatically add the last option as a custom absolute time range.
     */
    timeOptions: TimeOption[];
    /**
     * The callback to call when the time range changes.
     */
    onChange: (value: TimeRangeValue) => void;
    /**
     * Custom line height for the select component.
     */
    height?: string;
    /**
     * Whether to show the custom time range option.
     * Defaults to true.
     */
    showCustomTimeRange?: boolean;
}
/**
 * Date & time selection component to customize what data renders on dashboard.
 * This includes relative shortcuts and the ability to pick absolute start and end times.
 * @param props
 * @constructor
 */
export declare function TimeRangeSelector({ value, timeOptions, onChange, height, showCustomTimeRange, }: TimeRangeSelectorProps): ReactElement;
export {};
//# sourceMappingURL=TimeRangeSelector.d.ts.map