/** * # Error Toast Component * * Toast notification component for displaying transient error messages * that auto-dismiss after a timeout. * * ## Business Perspective * Provides non-intrusive error notifications for transient errors that don't * require immediate user action. Maintains workflow continuity while keeping * users informed of issues. Critical for user experience. 📢 * * ## Technical Perspective * Lightweight toast notification component with auto-dismiss, manual dismiss, * and accessibility features. Designed for transient errors that shouldn't * block the entire UI. * * @packageDocumentation */ import React from 'react'; /** * Toast notification position */ export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'; /** * Props for ErrorToast component */ export interface ErrorToastProps { /** * Error message to display */ message: string; /** * Error title (optional) */ title?: string; /** * Whether the toast is visible */ isVisible: boolean; /** * Callback when toast is dismissed */ onDismiss: () => void; /** * Auto-dismiss timeout in milliseconds * @default 5000 */ autoHideDuration?: number; /** * Toast position * @default 'top-right' */ position?: ToastPosition; /** * Optional retry callback function * Aligns with ErrorMessage component API for consistency */ retry?: () => void; /** * Optional test ID for automated testing */ testId?: string; } /** * Error Toast Component * * Displays transient error notifications with auto-dismiss and optional retry. * Designed for errors that don't require blocking the entire UI. * * @example * ```tsx * // Basic error toast * setShowToast(false)} * /> * * // Error toast with title and retry * setShowToast(false)} * retry={() => retryOperation()} * /> * * // Custom position and timeout * setShowToast(false)} * position="bottom-center" * autoHideDuration={10000} * /> * ``` */ export declare const ErrorToast: React.FC; export default ErrorToast; //# sourceMappingURL=ErrorToast.d.ts.map