@penaprieto/design-system/dist/components/Toast/Toast.d.ts

Multi-brand React design system with design tokens from Figma

import React from 'react';
import './Toast.css';
export type ToastVariant = 'success' | 'error' | 'warning' | 'info' | 'neutral';
export interface ToastAction {
    /** Tipo de acción */
    type: 'close' | 'link';
    /** Label del link (solo para type='link') */
    label?: string;
    /** Callback al hacer click en el link */
    onClick?: () => void;
    /** href del link (solo para type='link') */
    href?: string;
}
export interface ToastProps {
    /** Título del toast */
    title: string;
    /** Descripción opcional */
    description?: string;
    /** Variante de color/estado */
    variant?: ToastVariant;
    /** Acción del toast (close button o link) */
    action?: ToastAction;
    /** Callback al cerrar el toast */
    onClose?: () => void;
    /** Duración en ms antes de auto-cerrar (null = nunca auto-cerrar, 0 = cerrar inmediatamente) */
    duration?: number | null;
    /** Clase CSS adicional */
    className?: string;
}
export declare const Toast: React.FC<ToastProps>;
//# sourceMappingURL=Toast.d.ts.map