import React, { type ReactNode } from 'react';
export type AppNotificationProps = {
    /**
     * The title/heading of the notification
     */
    title: string;
    /**
     * Secondary text used to describe the notification in more detail
     */
    subTitle: ReactNode;
    /**
     * Treatment for component (whether it is dark on light text, or light on dark text)
     */
    variant: 'default' | 'inverse';
    /**
     * Contents of the component below the title and sub-title (used mainly for `ButtonGroup` containing ranked `Buttons`)
     */
    children?: ReactNode;
    /**
     * CSS class names that can be appended to the component.
     */
    className?: string;
    /**
     * Callback when banner is dismissed. When passed in, renders banner with a close icon in the top right.
     */
    onDismiss?: () => void;
};
/**
 * `import {AppNotification} from "@chanzuckerberg/eds";`
 *
 * An alert placed at the top of an application which persists across pages.
 */
export declare const AppNotification: ({ className, children, onDismiss, subTitle, title, variant, ...other }: AppNotificationProps) => React.JSX.Element;