@raphab3/hermes-notifier/dist/react-components.d.ts

JavaScript/React plugin for Hermes notifications system with SSE support

/**
 * React components for displaying Hermes notifications
 */
import React from 'react';
import { NotificationData } from './index';
export interface NotificationProps {
    notification: NotificationData;
    onMarkAsRead?: (id: string) => void;
    onClose?: (id: string) => void;
    className?: string;
    autoClose?: boolean;
    autoCloseDelay?: number;
}
/**
 * Single notification component
 */
export declare const NotificationItem: React.FC<NotificationProps>;
export interface NotificationListProps {
    notifications: NotificationData[];
    onMarkAsRead?: (id: string) => void;
    onClose?: (id: string) => void;
    maxItems?: number;
    className?: string;
}
/**
 * List of notifications component
 */
export declare const NotificationList: React.FC<NotificationListProps>;
export interface NotificationToastProps extends NotificationProps {
    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
}
/**
 * Toast notification component (appears temporarily)
 */
export declare const NotificationToast: React.FC<NotificationToastProps>;
export interface ConnectionStatusProps {
    connected: boolean;
    reconnecting: boolean;
    error?: string;
    className?: string;
}
/**
 * Connection status indicator component
 */
export declare const ConnectionStatus: React.FC<ConnectionStatusProps>;
declare const _default: {
    NotificationItem: React.FC<NotificationProps>;
    NotificationList: React.FC<NotificationListProps>;
    NotificationToast: React.FC<NotificationToastProps>;
    ConnectionStatus: React.FC<ConnectionStatusProps>;
};
export default _default;