import type { ComponentProps, FC, MouseEvent, PropsWithChildren, ReactNode } from 'react';
import type { Size } from '../../../types';
export type InputType = ComponentProps<'input'>['type'] | 'textarea';
export type BasicInputProps<Type extends InputType> = {
    inputClassName?: string;
    extensionClassName?: string;
    type?: Type;
    label?: string;
    description?: ReactNode;
    size?: Size;
    hasErrors?: boolean;
    clearable?: boolean;
    suffixIcon?: FC<ComponentProps<'svg'>>;
    onClear?: () => void;
    onSuffixIconClick?: (event: MouseEvent<HTMLDivElement>) => void;
    dataTestId?: string;
} & Omit<Type extends 'textarea' ? ComponentProps<'textarea'> : ComponentProps<'input'>, 'id' | 'size'>;
export declare const BasicInput: <Type extends InputType>({ className, inputClassName, extensionClassName, type, label, description, size, hasErrors, clearable, suffixIcon: SuffixIcon, onClear, onSuffixIconClick, dataTestId, ...props }: BasicInputProps<Type>) => import("react/jsx-runtime").JSX.Element;
export declare const BasicInputExtension: FC<PropsWithChildren<{
    className?: string;
    size: Size;
    disabled?: boolean;
    dataTestId?: string;
    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
}>>;