import { default as React } from 'react';
import { SliderStep } from '../../../components/Slider';
interface BalanceDetails {
    balance: number | string;
    symbol: string;
    price?: number;
    displayUSD?: boolean;
}
interface BottomField {
    label?: string;
    value: string | React.ReactNode;
    /**
     * Optional explanatory tooltip rendered as an info-icon adjacent to the
     * field. Renders nothing when omitted.
     */
    tooltip?: React.ReactNode;
}
export interface AmountSliderProps {
    amount: string | number;
    currencyIcon: string;
    currencyName: string;
    /**
     * Optional element rendered in place of the default currency icon + name
     * (e.g. an asset-selector pill). When omitted, the icon + name render.
     */
    currencySlot?: React.ReactNode;
    onAmountChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
    balanceDetails?: BalanceDetails;
    sliderValue: number;
    sliderMin: number;
    sliderMax: number;
    sliderStep?: number;
    sliderSteps?: SliderStep[] | number;
    onSliderChange: (value: number) => void;
    onSliderStepsChange?: (selectedSteps: number[]) => void;
    sliderVariant?: "primary" | "success" | "warning" | "error" | "rainbow";
    sliderActiveColor?: string;
    sliderBackgroundColor?: string;
    /**
     * Disables only the range slider, leaving the amount input and Max button
     * usable. Use when the slider has no meaningful range yet (e.g. the max is
     * still loading) but manual entry should remain available. Combined with the
     * general `disabled` prop, which disables the whole widget.
     */
    sliderDisabled?: boolean;
    leftField?: BottomField;
    rightField?: BottomField;
    onMaxClick?: () => void;
    /**
     * Controls which side of the bottom row the Max button appears on.
     * Defaults to "left" (current behaviour). Set to "right" to render the Max
     * button at the trailing end of the right field instead.
     */
    maxPosition?: "left" | "right";
    /** Extra classes for the Max button pill (merged over the defaults). */
    maxButtonClassName?: string;
    disabled?: boolean;
    readOnly?: boolean;
    className?: string;
    inputClassName?: string;
}
export declare function AmountSlider({ amount, currencyIcon, currencyName, currencySlot, onAmountChange, sliderValue, sliderMin, sliderMax, sliderStep, sliderSteps, onSliderChange, onSliderStepsChange, sliderVariant, sliderActiveColor, sliderBackgroundColor, sliderDisabled, leftField, rightField, onMaxClick, maxPosition, maxButtonClassName, disabled, readOnly, className, inputClassName, }: AmountSliderProps): import("react/jsx-runtime").JSX.Element;
export {};