import { DetailedHTMLProps, FC, HTMLAttributes, ReactNode } from 'react';
export interface AlertProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
    /**
     * The content of the alert.
     * Accepts a single React node or an array of nodes.
     */
    children?: ReactNode | ReactNode[];
    /**
     * Optional content rendered at the icon slot of the alert.
     * Useful for renderings custom icons.
     * Pass `false` to hide the icon entirely.
     */
    iconSlot?: ReactNode | ReactNode[];
    /**
     * Optional content rendered at the end of the alert.
     * Useful for action buttons, close icons, or links.
     */
    endSlot?: ReactNode | ReactNode[];
    /**
     * Optional custom CSS class for the alert container.
     * Useful for styling overrides or scoped styles.
     */
    className?: string;
    /**
     * The main title or headline of the alert.
     * This is required and displayed prominently.
     */
    title: string;
    /**
     * Visual style of the alert.
     * Determines background color, border, and icon style.
     *
     * - 'success': Indicates a positive or successful action
     * - 'error': Indicates an error or failure
     * - 'warning': Indicates a caution or risk
     * - 'info': Neutral informational message
     */
    variant?: 'success' | 'error' | 'warning' | 'info';
}
/** An Alert is a UI component that displays important messages, such as warnings, errors, or confirmations, to grab user attention. */
export declare const Alert: FC<AlertProps>;