import { ReactNode, ReactElement } from 'react';
import { IconLookup } from '@fortawesome/fontawesome-svg-core';
import { ValueOf } from '../types';
import './alert.less';
export declare const ALERT_TYPES: {
    readonly SUCCESS: "success";
    readonly INFO: "info";
    readonly WARNING: "warning";
    readonly FAILURE: "failure";
};
export type AlertType = ValueOf<typeof ALERT_TYPES>;
export interface AlertProps {
    type?: AlertType;
    header: ReactNode;
    children?: ReactNode;
    testId?: string;
    className?: string;
    dismissButtonText?: string;
    actionButtonText?: string;
    /** Link to docs that give more info on the alert */
    docsLink?: ReactElement;
    onDismiss?: () => void | Promise<void>;
    onTakeAction?: () => void | Promise<void>;
    footer?: ReactNode;
    /** the ability to expand/collapse content */
    collapsedTextContent?: boolean;
    collapsedContentShowMessageButtonText?: string;
    collapsedContentHideMessageButtonText?: string;
    takeActionIcon?: IconLookup;
    wordBreakHeader?: boolean;
}
/** Alert is used to notify users about significant events in the application
 * [CAPITALIZATION] Use sentence case for title, text, buttons
 * @midnight-gray-supported
 * @alpine-light-supported
 */
declare function Alert({ className, type, header, children, testId, actionButtonText, dismissButtonText, docsLink, onTakeAction, onDismiss, footer, collapsedTextContent, collapsedContentShowMessageButtonText, collapsedContentHideMessageButtonText, takeActionIcon, wordBreakHeader, }: AlertProps): import("react/jsx-runtime").JSX.Element;
export default Alert;
