import * as React from 'react';

type BannerVariant = 'warning' | 'destructive' | 'information' | 'neutral';
interface BannerProps {
    /**
     * Banner variant - determines color scheme
     */
    variant?: BannerVariant;
    /**
     * Optional title text
     */
    title?: string;
    /**
     * Main message/description text
     */
    message: string;
    /**
     * Optional icon (pass false to hide default icon, or pass custom ReactNode)
     */
    icon?: React.ReactNode | boolean;
    /**
     * Optional action button label
     */
    actionLabel?: string;
    /**
     * Action button click handler
     */
    onAction?: () => void;
    /**
     * Optional close button
     */
    onClose?: () => void;
    /**
     * Custom className
     */
    className?: string;
    /**
     * Custom style
     */
    style?: React.CSSProperties;
    /**
     * Test ID for testing
     */
    'data-testid'?: string;
}
/**
 * Banner component - Arbor Design System
 *
 * Informational banners with 4 variants (warning, destructive, information, neutral)
 * and optional title, icon, and action button.
 *
 * IMPORTANT: Banners are always displayed inline with page content (not overlays).
 * They flow with the document layout and push other content down.
 *
 * For overlay notifications in the top-right corner, use the Toast component instead.
 */
declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;

export { Banner, type BannerProps, type BannerVariant };