import { MouseEventHandler, ReactNode } from 'react';
import { IconName } from './icons/index.js';
export declare const HelperIcon: import("styled-components").StyledComponent<({ name, size, ...props }: {
    name: IconName;
    size?: string | undefined;
} & import("react").SVGProps<SVGSVGElement>) => JSX.Element | null, import("styled-components").DefaultTheme, {}, never>;
export declare const HelperDescription: import("styled-components").StyledComponent<({ bold: _bold, shouldScaleFont: _shouldScaleFont, boldType: _boldType, light: _light, ...props }: import("./copy.js").CopyProps) => JSX.Element, import("styled-components").DefaultTheme, {
    size: "sm";
    bold: true;
}, "size" | "bold">;
export declare const HelperItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
    isLink?: boolean | undefined;
    hasSpaceForErrors?: boolean | undefined;
}, never>;
type HelperProps = {
    className?: string;
    hasSpaceForErrors?: boolean;
    helperText: ReactNode;
    iconName?: IconName;
    helperLinkAction?: MouseEventHandler<HTMLDivElement>;
};
export declare const Helper: import("styled-components").StyledComponent<({ className, hasSpaceForErrors, helperLinkAction, helperText, iconName, }: HelperProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
export {};