import { ReactNode } from 'react';
/**
 * Alert component untuk menampilkan pesan informasi, peringatan, atau error.
 *
 * @param {AlertVariant} [variant] - Variant warna alert. Default: "info".
 * @param {string} [title] - Judul alert (singkat, biasanya satu baris).
 * @param {ReactNode} [message] - Deskripsi/penjelasan di bawah judul (opsional, idealnya max dua baris).
 * @param {ReactNode} [icon] - Icon custom untuk menggantikan icon default variant.
 * @param {boolean} [dismissible] - Apakah alert bisa di-dismiss (menampilkan tombol close).
 * @param {string} [dismissLabel] - Label untuk tombol dismiss (accessibility).
 * @param {() => void} [onDismiss] - Callback ketika alert di-dismiss.
 * @param {string} [className] - ClassName tambahan untuk override styling container.
 */
export type AlertVariant = 'neutral' | 'info' | 'success' | 'caution' | 'critical';
export interface AlertProps {
    /**
     * Variant warna alert.
     * - 'neutral' → Putih dengan border stroke-primary
     * - 'info' → Biru (Guide)
     * - 'success' → Hijau (Positive)
     * - 'caution' → Oranye (Warning)
     * - 'critical' → Merah (Negative)
     */
    variant?: AlertVariant;
    /**
     * Judul alert (singkat, biasanya satu baris).
     */
    title?: string;
    /**
     * Deskripsi/penjelasan di bawah judul (opsional, idealnya max dua baris).
     */
    message?: ReactNode;
    /**
     * Icon custom untuk menggantikan icon default variant.
     */
    icon?: ReactNode;
    /**
     * Apakah alert bisa di-dismiss (menampilkan tombol close).
     */
    dismissible?: boolean;
    /**
     * Label untuk tombol dismiss (accessibility).
     */
    dismissLabel?: string;
    /**
     * Callback ketika alert di-dismiss.
     */
    onDismiss?: () => void;
    /**
     * ClassName tambahan untuk override styling container.
     */
    className?: string;
}
export default function Alert(props: AlertProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Alert.d.ts.map