import React from 'react';
import { FlintAlert as FlintAlertElement } from '@getufy/flint-ui/alert/flint-alert';
export interface FlintAlertCloseDetail {
    open: false;
    severity: string;
}
/**
 * Alerts display brief messages for the user without interrupting their use of the app.
 *
 * @slot (default) - The message content of the alert.
 * @slot icon - Optional icon to display instead of the default severity icon.
 */
export interface FlintAlertProps extends Omit<React.HTMLAttributes<FlintAlertElement>, 'title'> {
    /**
     * The severity level of the alert.
     * Allowed values: 'info' | 'success' | 'warning' | 'error'
     */
    severity?: 'info' | 'success' | 'warning' | 'error';
    /**
     * Alias for `severity`. Visual style variant.
     * Allowed values: 'info' | 'success' | 'warning' | 'error'
     */
    variant?: 'info' | 'success' | 'warning' | 'error';
    /** An optional title for the alert. */
    title?: string;
    /** Whether the alert can be dismissed by the user. */
    dismissible?: boolean;
    /** Alias for `dismissible`. Whether the alert can be closed. */
    closable?: boolean;
    /**
     * Fired when the alert's close button is clicked. detail: `{ open: false, severity: string }`
     * DOM event: `flint-alert-close`
     */
    onFlintAlertClose?: (event: CustomEvent<FlintAlertCloseDetail>) => void;
}
export declare const FlintAlert: React.ForwardRefExoticComponent<FlintAlertProps & React.RefAttributes<FlintAlertElement>>;