import { ReactNode } from 'react';
export type BannerVariant = 'info' | 'success' | 'warning' | 'error';
export interface BannerProps {
    /** Visual tone. Drives icon defaults and color tokens. */
    variant?: BannerVariant;
    /** Title/headline. Falls through to children if omitted. */
    title?: ReactNode;
    /** Supporting body content. */
    children?: ReactNode;
    /** Override the leading icon. Pass `null` to hide it. */
    icon?: string | null;
    /** One or two action buttons rendered on the trailing edge. */
    actions?: ReactNode;
    /** Show an `x` close button. Triggered on click. */
    onDismiss?: () => void;
    className?: string;
}
/**
 * Material 3 Banner — a prominent inline message anchored to the top of a
 * surface. Use sparingly for app-wide status that needs acknowledgement;
 * prefer Snackbar for transient feedback.
 */
export declare function Banner({ variant, title, children, icon, actions, onDismiss, className, }: BannerProps): import("react/jsx-runtime").JSX.Element;