import { AlertProps } from '@mui/material';
import { ElementType, PropsWithChildren, ReactNode } from 'react';
import { AlertVariant } from './types';
export interface NotificationProps extends Pick<AlertProps, 'sx' | 'ref'> {
    /**
     * The title to be displayed in bold at the top of the alert.
     */
    title?: ReactNode;
    /**
     * Set to "alert" to display an icon alongside the notification.
     */
    notificationType?: 'callout' | 'alert';
    /**
     * ARIA role for the alert.
     */
    role?: 'alert' | 'status' | '';
    /**
     * The component prop that is set for the underlying Typography component. This defaults to `div` to comply with accessibility, but can be set to any valid HTML tag.
     */
    titleComponent?: ElementType;
    /**
     * Controls the colour and the icon shown within the alert. Defaults to "info".
     */
    alertVariant?: AlertVariant;
    /**
     * Optional class name to be passed to the root of the component.
     */
    className?: string;
}
export declare const Notification: import('react').ForwardRefExoticComponent<Omit<PropsWithChildren<NotificationProps>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;