import React from "react";
import type { IconProps } from "../Icons/types/IconProps.type";
export declare const LabeledInput: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "width"> & {
    suffix?: string;
    prefix?: string;
    icon?: React.FC<IconProps> | import("../..").IconKey;
    width?: import("../../types/general.types").FormFieldSize | [import("../../types/general.types").FormFieldSize, import("../../types/general.types").FormFieldSize?, import("../../types/general.types").FormFieldSize?, import("../../types/general.types").FormFieldSize?, import("../../types/general.types").FormFieldSize?];
    height?: import("../../system/Sizes").FormHeightNames;
    isError?: boolean;
    isClearIconVisible?: boolean;
    onClickClearField?: () => void;
} & React.RefAttributes<HTMLInputElement>, "ref">, "width" | "icon"> & {
    label?: string;
    icon?: React.FC<IconProps>;
    /**
     * Any additional information to show underneath the input.
     *
     * When given as a string, it is rendered as sanitized HTML (DOMPurify),
     * so translated copy can contain markup such as links.
     */
    helperText?: React.ReactNode;
    /**
     * An error message that should be shown when there's something wrong
     * with the user's input.
     */
    errorText?: React.ReactNode;
    /**
     * When true, the input and its helper/error text stretch to fill
     * the full width of the container.
     *
     * By default the input only takes its intrinsic width.
     */
    fullWidth?: boolean;
} & React.RefAttributes<HTMLInputElement>>;