import { MobxLitElement } from '@adobe/lit-mobx';
import '@digital-realty/ix-icon-button/ix-icon-button.js';
import '@digital-realty/ix-icon/ix-icon.js';
import { Notification } from '../../models/notification.js';
import './confirmation-dialog.js';
import './view-item-dialog.js';
import '@digital-realty/ix-toast/ix-message-toast.js';
export declare class NotificationItem extends MobxLitElement {
    disabled: boolean;
    read: boolean;
    notification: Notification;
    private showModal;
    private showDeleteConfirmation;
    static get styles(): import("lit").CSSResult[];
    displayItem(): void;
    deleteItem(): void;
    private confirmedDelete;
    private showDeleteResultMessage;
    calculateDuration(): string | import("lit-html").TemplateResult<1>;
    getNotificationIcon(): import("lit-html").TemplateResult<2> | "sync_saved_locally" | "report";
    getNotificationTitle(): string;
    getServiceTicketSubGroup(): string;
    render(): import("lit-html").TemplateResult<1>;
}