import type { Key, MouseEvent, ReactElement } from 'react';
import { AlertBannerSeverity } from '@mezzanine-ui/core/alert-banner';
import { IconDefinition } from '@mezzanine-ui/icons';
import { ButtonPropsBase } from '../Button';
import { Notifier, NotifierConfig, NotifierData } from '../Notifier';
import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
export interface AlertBannerAction extends Omit<ButtonPropsBase, 'children'> {
    /**
     * The text content of the button.
     */
    content?: string;
    /**
     * Callback when the button is clicked.
     */
    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
}
export type AlertBannerConfigProps = NotifierConfig;
export interface AlertBannerData extends Omit<NotifierData, 'onClose'>, AlertBannerConfigProps {
    /**
     * The action buttons to be rendered on the right side of the banner.
     * Maximum 2 actions, minimum 0 (will not display if empty).
     */
    actions?: AlertBannerAction[];
    /**
     * Whether to show the close button.
     */
    closable?: boolean;
    /**
     * @internal
     */
    createdAt?: number;
    /**
     * Custom icon. Defaults to severity icon when omitted.
     */
    icon?: IconDefinition;
    /**
     * Main message displayed in the banner.
     */
    message: string;
    /**
     * Callback when the banner is closed.
     */
    onClose?: () => void;
    /**
     * The key of alert banner.
     */
    reference?: Key;
    /**
     * The severity of the banner.
     */
    severity: AlertBannerSeverity;
}
export interface AlertBannerProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children' | 'title'> {
    /**
     * The action buttons to be rendered on the right side of the banner.
     * Maximum 2 actions, minimum 0 (will not display if empty).
     */
    actions?: AlertBannerAction[];
    /**
     * Whether to show the close button.
     */
    closable?: boolean;
    /**
     * Disable portal rendering. Only used internally by grouped rendering.
     * @internal
     */
    disablePortal?: boolean;
    /**
     * Custom icon. Defaults to severity icon when omitted.
     */
    icon?: IconDefinition;
    /**
     * Main message displayed in the banner.
     */
    message: string;
    /**
     * Callback when the banner is closed.
     */
    onClose?: () => void;
    /**
     * The severity of the banner.
     */
    severity: AlertBannerSeverity;
}
export type AlertBannerType = ((props: AlertBannerData) => ReactElement | null) & Notifier<AlertBannerData, AlertBannerConfigProps> & Record<string, (message: AlertBannerData['message'], props?: Omit<AlertBannerData, 'message' | 'severity' | 'icon'> & {
    key?: Key;
}) => Key>;
/**
 * 頁面層級的橫幅式警示訊息元件。
 *
 * 預設透過 `Portal` 渲染至 `alert` layer，支援 `info`、`warning`、`error` 三種嚴重程度。
 * 提供最多 2 個操作按鈕與關閉按鈕，並在顯示及關閉時套用進入／離開動畫。
 * 也可透過靜態方法 `AlertBanner.info()`、`AlertBanner.warning()`、`AlertBanner.error()` 以命令式方式觸發。
 *
 * @example
 * ```tsx
 * import AlertBanner from '@mezzanine-ui/react/AlertBanner';
 *
 * // 基本用法（JSX）
 * <AlertBanner severity="info" message="系統將於今晚進行維護" />
 *
 * // 帶有操作按鈕
 * <AlertBanner
 *   severity="warning"
 *   message="您有未儲存的變更"
 *   actions={[
 *     { content: '儲存', onClick: handleSave },
 *     { content: '捨棄', onClick: handleDiscard },
 *   ]}
 * />
 *
 * // 命令式呼叫
 * AlertBanner.error('操作失敗，請稍後再試');
 * AlertBanner.info('資料已更新', { closable: true });
 * ```
 *
 * @see {@link InlineMessage} 行內訊息元件
 * @see {@link Message} 全域提示訊息元件
 */
export declare const AlertBannerComponent: import("react").ForwardRefExoticComponent<AlertBannerProps & import("react").RefAttributes<HTMLDivElement>>;
declare const AlertBanner: AlertBannerType;
export default AlertBanner;