import { ChangeEvent, CSSProperties } from 'react';
import { SearchInputV2TokensType } from './SearchInputV2.tokens';
import { getInteractionState } from '../utils/utils';
export type SearchInputV2InteractionStateKey = ReturnType<typeof getInteractionState>;
export declare const getSearchInputV2InputStateKey: (error: boolean, isFocused: boolean, disabled: boolean) => SearchInputV2InteractionStateKey;
export declare const shouldShowSearchInputV2Clear: (allowClear: boolean, value: string | undefined, disabled: boolean) => boolean;
export declare const createSearchInputV2ClearHandler: (options: {
    disabled: boolean;
    onClear?: () => void;
    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
}) => (() => void);
export declare const getSearchInputV2PaddingInline: (args: {
    paddingX: number;
    gap: number;
    hasLeftSlot: boolean;
    leftSlotWidth: number;
    hasRightSlot: boolean;
    rightSlotWidth: number;
}) => {
    paddingInlineStart: number;
    paddingInlineEnd: number;
};
export declare const getSearchInputV2SlotWrapperStyle: (slot: SearchInputV2TokensType["inputContainer"]["slot"], inputStateKey: SearchInputV2InteractionStateKey) => CSSProperties;
type SearchInputV2PrimitiveInputChrome = {
    borderBottom: CSSProperties['borderBottom'];
    color: CSSProperties['color'];
    hover: {
        borderBottom: CSSProperties['borderBottom'];
        color: CSSProperties['color'];
    };
    focus: {
        borderBottom: CSSProperties['borderBottom'];
        color: CSSProperties['color'];
    };
};
export declare const getSearchInputV2PrimitiveInputChrome: (ic: SearchInputV2TokensType["inputContainer"], disabled: boolean, error: boolean) => SearchInputV2PrimitiveInputChrome;
export declare const applyIconStyles: (icon: React.ReactNode, tokens: SearchInputV2TokensType, inputState: SearchInputV2InteractionStateKey) => React.ReactNode;
export declare const toPixels: (value: string | number | undefined) => number;
export {};