import { AlertProps } from '../../Alert'; import { ButtonProps } from '../../Button'; import { ProgressBarProps } from '../../ProgressBar'; type ToastAction = Pick & { label: string; }; /** * Props for the Toast component * @extends ComponentPropsWithoutRef<"div"> */ export type ToastProps = { /** * Action buttons to display in the toast */ actions?: { primary: ToastAction; secondary?: ToastAction; }; /** * CSS class name for the toast container */ containerClassName?: string; /** * Duration in milliseconds before auto-dismiss. Set to false to disable auto-dismiss */ duration?: number | false; /** * Additional message content to display below the title */ message?: string; /** * Callback function called when toast is dismissed, expired, or closed */ onDismiss?: () => void; /** * Progress bar value or indeterminate state */ progress?: ProgressBarProps["value"] | "indeterminate"; /** * CSS class name for the toast element */ toastClassName?: string; /** * When set, displays the AI mark inline after the toast title. * Use `true` for the sparkle only, or pass tooltip/popover configuration. */ aiMark?: AlertProps["aiMark"]; /** * Unique identifier for the toast */ id: string; /** * This is only run when the "x" button is triggered on the toast. * To run a callback when the toast is closed, expired, or dismissed, * use the `onDismiss` parameter instead. */ onClose?: AlertProps["onClose"]; /** * Visual status of the toast (info, success, warning, danger) */ status: AlertProps["status"]; /** * Title text displayed in the toast */ title: string; /** * Timestamp when the toast was created (internal use) */ createdAt?: number; /** * Position index of the toast in the stack (internal use) */ index?: number; /** * Whether the toast is below the stack index (internal use) */ isBelowStackIndex?: boolean; /** * Whether the toast is currently stacked (internal use) */ isStacked?: boolean; /** * Pause status for hover interactions (internal use) */ pausedStatus?: number | "resumed"; }; /** * Toast component for displaying temporary notifications to users. * * Features: * - Supports different visual styles (info, success, warning, danger) * - Auto-dismiss with configurable duration * - Optional action buttons for user interaction * - Progress bar support for loading states * - Swipe gestures for dismissal * - Stacking behavior for multiple toasts * - Pause on hover functionality * - Accessible with proper ARIA roles * - Smooth animations and transitions * * @example * */ export declare const Toast: import('react').ForwardRefExoticComponent>; export {};