import { LitElement } from 'lit';
export interface Notification {
    id: string;
    title: string;
    message?: string;
    type?: 'info' | 'success' | 'warning' | 'error';
    read?: boolean;
    timestamp?: Date | string;
    avatarUrl?: string;
    action?: {
        label: string;
        href?: string;
        onClick?: () => void;
    };
    icon?: string;
}
/**
 * Notification Center — bell icon with badge + dropdown notification list.
 *
 * @fires notification-read     - Fired when a notification is marked as read. detail: { id }
 * @fires notification-clear    - Fired when all notifications are cleared.
 * @fires notification-action   - Fired when a notification action is clicked. detail: { id }
 *
 * @csspart trigger  - The bell button
 * @csspart badge    - The unread count badge
 * @csspart panel    - The dropdown panel
 * @csspart item     - Individual notification item
 */
export declare class UINotificationCenter extends LitElement {
    static styles: import("lit").CSSResult;
    /** Array of notifications */
    notifications: Notification[];
    /** Show "View all" footer link */
    showViewAll: boolean;
    /** Label for "View all" link */
    viewAllLabel: string;
    /** Maximum items to show before scrolling */
    maxVisible: number;
    /** Open state */
    private _open;
    /** Active tab: 'all' | 'unread' */
    private _tab;
    connectedCallback(): void;
    disconnectedCallback(): void;
    private _handleOutsideClick;
    private _handleKeydown;
    private get _unreadCount();
    private get _filtered();
    private _toggle;
    private _markRead;
    private _markAllRead;
    private _clearAll;
    private _handleAction;
    private _formatTime;
    private _typeIcon;
    private _renderItem;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-notification-center': UINotificationCenter;
    }
}
//# sourceMappingURL=notification-center.d.ts.map