import './Alert.css';
import React from 'react';
import type { HTMLAttributes, ReactElement, ReactNode, MouseEvent } from 'react';
import type { ButtonProps } from '../Button';
export declare const cnAlert: import("@bem-react/classname").ClassNameFormatter;
export declare const alertStatusVariant: readonly ["success", "error", "warning", "info"];
export declare const alertColorVariant: readonly ["light", "dark"];
export type AlertStatusVariant = (typeof alertStatusVariant)[number];
export type AlertColorVariant = (typeof alertColorVariant)[number];
type AlertBaseProps = {
    /** Заголовок сообщения */
    title: ReactNode;
    /**
     * Статус сообщения
     * @default info
     */
    status?: AlertStatusVariant;
    /** Цветовая палитра сообщения */
    color?: AlertColorVariant;
    /**
     * Если {true} отображает иконку со статусом
     * @default true
     */
    showIcon?: boolean;
    /**
     * Функция обратного вызова при нажатии на кнопку закрытия
     */
    onClose?: (e: MouseEvent<HTMLButtonElement>) => void;
    /**
     * Основное содержимое элемента
     * @default null
     * */
    children?: ReactNode;
    /** Действие: кнопка или ссылка. Свойство принимает React-элемент или рендер-функцию */
    action?: ReactElement<ButtonProps> | (({ size, className, }: Pick<ButtonProps, 'size' | 'className'>) => ReactElement);
    /** Дополнительные CSS-классы */
    className?: string;
};
export type AlertProps = AlertBaseProps & Omit<HTMLAttributes<HTMLDivElement>, 'title'>;
export declare const Alert: React.ForwardRefExoticComponent<AlertBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "title"> & React.RefAttributes<HTMLDivElement>>;
export {};