import React from 'react';
import type { Status } from '../../util/variant-types';
export type ToastNotificationProps = {
    /**
     * Additional class names that can be appended to the component, passed in for styling.
     */
    className?: string;
    /**
     * Callback when notification is dismissed. When passed in, renders banner with a close icon in the top right.
     */
    onDismiss?: () => void;
    /**
     * Length of time to wait until `onDismiss` is called
     */
    timeout?: number;
    /**
     * Determines whether the toast notification will dismiss on its own, or due to user action. When set to `"auto"`,
     * it will dismiss after 8 seconds.
     *
     * **Default is `"manual"`**.
     */
    dismissType?: 'manual' | 'auto';
    /**
     * Keyword to characterize the state of the notification
     */
    status?: Status;
    /**
     * The title/heading of the notification
     */
    title: string;
};
/**
 * `import {ToastNotification} from "@chanzuckerberg/eds";`
 *
 * Toasts display brief, temporary notifications. They're meant to be noticed without disrupting a user's experience or requiring an action to be taken.
 *
 * ## Sizing
 *
 * Toast notifications use a fixed max width of 384px and their height depends on the length of the notification message. As noted in the content guidelines, limit toast notifications to two lines of text.
 *
 * ## Dismissal
 *
 * Toast notifications can be manually dismissed or auto-dismissed using the dismissType prop. Auto toasts are automatically dismissed after 8 seconds by default.
 *
 * ## Placement and Behavior
 *
 * Toast notifications slide in and out from the borrom right of the screen. The toast should be placed 24 px away from the top and side of the viewport. The toast notification fades in with the token eds-anim-fade-long and fade out with token eds-animation-fade-quick.
 */
export declare const ToastNotification: ({ className, dismissType, onDismiss, status, timeout, title, ...other }: ToastNotificationProps) => React.JSX.Element;