import * as React from 'react';

interface ToastProps {
    /**
     * The variant of the toast
     */
    variant: 'information' | 'danger' | 'warning' | 'success' | 'caution';
    /**
     * The message to display
     */
    message: string;
    /**
     * Callback when close button is clicked
     */
    onClose?: () => void;
    /**
     * Custom className
     */
    className?: string;
    /**
     * Custom style
     */
    style?: React.CSSProperties;
    /**
     * Test ID for testing
     */
    'data-testid'?: string;
}
/**
 * Toast component - Arbor Design System
 *
 * A notification toast with different variants for different message types.
 *
 * IMPORTANT: Toasts are designed to overlay content in the top-right corner.
 * Use absolute/fixed positioning to display them above page content.
 *
 * For inline notifications that flow with page content, use the Banner component instead.
 *
 * Example usage with positioning:
 * ```tsx
 * <div style={{ position: 'fixed', top: '24px', right: '24px', zIndex: 1000 }}>
 *   <Toast variant="success" message="Changes saved!" onClose={() => {}} />
 * </div>
 * ```
 */
declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;

export { Toast, type ToastProps };