@salla.sa/twilight-components/dist/cjs/salla-notification-item.cjs.entry.js

Salla Web Component

/*!
 * Crafted with ❤ by Salla
 */
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-a2d7a914.js');

const sallaNotificationsCss = "";

const SallaNotificationItem = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.notification = undefined;
  }
  render() {
    return index.h("a", { href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, index.h("span", { class: "s-notifications-item-icon" }, index.h("i", { class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), index.h("div", { class: "s-notifications-item-content" }, index.h("div", { class: "s-notifications-item-content-leading" }, index.h("h4", null, this.notification.title), index.h("p", null, this.notification.sub_title)), index.h("span", { class: "s-notifications-item-content-trailing" }, index.h("i", { class: "sicon-time s-notifications-item-content-trailing-icon" }), index.h("span", null, this.notification.date))));
  }
};
SallaNotificationItem.style = sallaNotificationsCss;

exports.salla_notification_item = SallaNotificationItem;

//# sourceMappingURL=salla-notification-item.cjs.entry.js.map