import { default as React } from 'react';
import { SxProps, Theme } from '@mui/material/styles';
import { SemanticColor } from '../types';
export interface NotificationItem {
    id: string;
    title: string;
    message?: string;
    timestamp: Date;
    read?: boolean;
    color?: SemanticColor;
    icon?: React.ReactNode;
    action?: {
        label: string;
        onClick: () => void;
    };
}
export interface NotificationCenterProps {
    open: boolean;
    onClose: () => void;
    notifications: NotificationItem[];
    onDismiss?: (id: string) => void;
    onMarkRead?: (id: string) => void;
    onClearAll?: () => void;
    width?: number;
    sx?: SxProps<Theme>;
}
declare function NotificationCenter({ open, onClose, notifications, onDismiss, onMarkRead, onClearAll, width, sx, }: NotificationCenterProps): import("react/jsx-runtime").JSX.Element;
declare namespace NotificationCenter {
    var displayName: string;
}
export default NotificationCenter;
