import { ComponentPropsWithRef, ReactNode } from 'react';
import { GetStatusProps } from '../types.js';
type HTMLDivProps = ComponentPropsWithRef<'div'>;
export type MessageProps = HTMLDivProps & GetStatusProps & {
    children: ReactNode;
    inputId?: string;
    message?: ReactNode;
};
type MessageContentProps = {
    $status: MessageProps['status'];
};
export declare const MessageContent: import('styled-components/dist/types.js').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$status"> & MessageContentProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$status"> & MessageContentProps, never>>> & string;
export declare const MessageIcon: import('styled-components/dist/types.js').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>>> & string;
export declare const MessageText: import('styled-components/dist/types.js').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
/**
 * Message is used inside forms components like InputText as a DRY way of rendering a message below the input / label UI.
 * */
export declare function Message({ children, inputId, message, ...props }: MessageProps): import("react/jsx-runtime").JSX.Element;
export default Message;