import React from 'react';
declare const components: {
    Container: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
        sm?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
        md?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
        lg?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
        xl?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
    } & import("../../../Atoms/Flexbox/Flexbox.types").ItemProps & import("../../../Atoms/Flexbox/Flexbox.types").ContainerProps & {
        className?: string | undefined;
    } & {
        children?: React.ReactNode;
        as?: any;
    } & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
        $error?: boolean | undefined;
        $success?: boolean | undefined;
        $disabled?: boolean | undefined;
        $width?: string | undefined;
    }, never>;
    Input: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLInputElement>>, import("styled-components").DefaultTheme, {
        type: any;
    } & {
        $inputWidth: number;
    }, "type">;
    AddonBox: import("styled-components").StyledComponent<React.FC<import("../../../Atoms/Typography/Typography.types").Props>, import("styled-components").DefaultTheme, {
        $disabled?: boolean | undefined;
    }, never>;
};
declare const QuietTextComponent: React.ForwardRefExoticComponent<Pick<import("../../FormField/FormField.types").Props, "error" | "hideLabel" | "labelTooltip" | "labelTooltipPosition" | "labelTooltipInModal" | "extraInfo"> & Required<Pick<import("../../FormField/FormField.types").Props, "label">> & {
    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
    onClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
    onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
    onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
    onMouseEnter?: React.FocusEventHandler<HTMLInputElement> | undefined;
    onMouseLeave?: React.FocusEventHandler<HTMLInputElement> | undefined;
} & {
    autoComplete?: string | undefined;
    autoFocus?: boolean | undefined;
    className?: string | undefined;
    defaultValue?: string | undefined;
    disabled?: boolean | undefined;
    id?: string | undefined;
    inputMode?: string | undefined;
    maxLength?: number | undefined;
    name?: string | undefined;
    pattern?: string | undefined;
    placeholder?: string | undefined;
    readOnly?: boolean | undefined;
    required?: boolean | undefined;
    type?: string | undefined;
    value?: string | undefined;
} & {
    fullWidth?: boolean | undefined;
    leftAddon?: React.ReactNode;
    rightAddon?: React.ReactNode;
    success?: boolean | undefined;
    visuallyEmphasiseRequired?: boolean | undefined;
    width?: string | number | undefined;
} & React.RefAttributes<HTMLInputElement>>;
export declare const QuietText: typeof QuietTextComponent & {
    components?: typeof components;
};
export {};
