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

Multi-brand React design system with design tokens from Figma

import React from 'react';
import './Alert.css';
/**
 * Alert component for displaying contextual feedback messages.
 * Responsive and adapts to container width automatically.
 */
export type AlertVariant = 'error' | 'warning' | 'info' | 'success' | 'neutral';
export interface AlertProps {
    /** Visual variant of the alert */
    variant?: AlertVariant;
    /** Main message content */
    children: React.ReactNode;
    /** Optional icon element (auto-selected if not provided) */
    icon?: React.ReactNode;
    /** Optional link text */
    linkText?: string;
    /** Optional link href */
    linkHref?: string;
    /** Optional link click handler */
    onLinkClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
    /** Whether the alert can be dismissed */
    closable?: boolean;
    /** Callback when alert is closed */
    onClose?: () => void;
    /** Additional CSS class */
    className?: string;
    /** ARIA role */
    role?: 'alert' | 'status';
}
export declare const Alert: React.FC<AlertProps>;
//# sourceMappingURL=Alert.d.ts.map