import { JSX, Ref } from 'react';
import { ShallowMerge } from '@janbox/storefront-ui/types';
export type WbInputProps = ShallowMerge<JSX.IntrinsicElements['input'], {
    size?: '28' | '32' | '36';
    prefix?: React.ReactNode;
    suffix?: React.ReactNode;
    classes?: {
        input?: string;
        main?: string;
    };
    fullWidth?: boolean;
    value?: string | number;
    wrapRef?: Ref<HTMLDivElement>;
    mode?: 'onChange' | 'onBlur';
    debounce?: number;
    transform?: (value: string) => string;
    error?: boolean;
    helperText?: string;
    selectOnFocus?: boolean;
}>;
export declare const WbInput: ({ prefix, suffix, classes, size, transform, fullWidth, wrapRef, onChange: onChangeProp, mode, debounce, value, ref, error, helperText, selectOnFocus, ...props }: WbInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;