import React from "react";
import type { IconProps } from "../Icons/types/IconProps.type";
import { StyledInput } from "./StyledInput";
type StyledInputProps = React.ComponentPropsWithoutRef<typeof StyledInput>;
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;
    clearButtonLabel?: string;
} & React.RefAttributes<HTMLInputElement>, "ref">, "width" | "icon"> & {
    /**
     * The visible label, linked to the input with `htmlFor`. When omitted, give
     * the input an accessible name with `aria-label` or `aria-labelledby`.
     *
     * Besides a string, this can be a node, for example to add an icon next to
     * the text. It's rendered inside a `<label>`, so keep it phrasing content
     * (no headings or blocks) and non-interactive: interactive content would
     * become part of the field's accessible name.
     */
    label?: React.ReactNode;
    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;
    /**
     * The width of the whole field: label, input and helper/error text.
     * Accepts the same sizes as {@link StyledInput}'s `width`, including a
     * tuple of sizes per breakpoint. The input stretches to fill this width.
     *
     * By default the field only takes its intrinsic width.
     */
    width?: StyledInputProps["width"];
    /**
     * When true, the field stretches to fill the full width of its container,
     * also when the container aligns its children to the start.
     *
     * Shorthand for `width="full"`. When both are given, `width` wins.
     */
    fullWidth?: boolean;
} & React.RefAttributes<HTMLInputElement>>;
export {};