import { FC, ReactNode, MouseEvent, KeyboardEvent } from 'react';
import { AlertVariant } from './Alert.types';
export interface AlertProps {
    /**
     * Custom class to apply to the alert.
     */
    className?: string;
    /**
     * Custom text to use as a close button.
     */
    closeText?: string;
    /**
     * Whether the alert as an icon that corresponds to its variant (Success, warning, etc.).
     */
    hasIcon?: boolean;
    /**
     * Whether the alert can be closed by the user. If `true` it will render
     * the 'close' icon on the right hand side of the alert.
     */
    isClosable?: boolean;
    /**
     * Renders a version of the alert with smaller padding.
     */
    isCompact?: boolean;
    /**
     * The text message or ReactNode to be rendered in the alert.
     */
    message?: string | ReactNode;
    /**
     * Whether the alert can be closed by the user. If `true` it will render
     * the 'close' icon on the right hand side of the alert.
     */
    onClose?: (event: MouseEvent<HTMLOrSVGElement> | KeyboardEvent<HTMLSpanElement>) => void;
    /**
     * A render function that returns JSX if preferred over a static ReactNode or string.
     */
    render?: () => ReactNode;
    /**
     * The title for the alert.
     */
    title?: string;
    /**
     * The type/color of the alert to show.
     */
    variant?: AlertVariant;
    /**
   * Additional props to be spread to rendered element
   */
    [x: string]: any;
}
export declare const Alert: FC<AlertProps>;