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

Salla Web Component

/*!
 * Crafted with ❤ by Salla
 */
import { r as registerInstance, h } from './index-114c614f.js';

const sallaNotificationsCss = "";

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

export { SallaNotificationItem as salla_notification_item };

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