/*!
 * Crafted with ❤ by Salla
 */
import { h } from "@stencil/core";
export class SallaNotificationItem {
    render() {
        return h("a", { key: 'c134f5fc8901762ed8fa4a53aed5fd5ec62df689', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, h("span", { key: '78fbafd1dd2998dba7e3a1ad8b34cbeb9e962cf2', class: "s-notifications-item-icon" }, h("i", { key: '61357a8087938b3ffae36387a6d8b79979704dba', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '67c85332e868f4dbb2099524e441d64211d1ba1f', class: "s-notifications-item-content" }, h("div", { key: 'c7f79cb902edd54f171b8e3c089aa0f6795ca2a2', class: "s-notifications-item-content-leading" }, h("h4", { key: '078d34e4cc8093ded2dc3c948100337acfe0101e' }, this.notification.title), h("p", { key: '30c20f5308761bcd4011052b2fc8c6f87698a8f9' }, this.notification.sub_title)), h("span", { key: 'db1f387f53c747bccb3836cf8622f9f67af3a654', class: "s-notifications-item-content-trailing" }, h("i", { key: '2f662b2dbff1487831681586c15d17c1a2e68eaa', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: '119e37704dc78372f3340fc33df69e20b666a7c5' }, this.notification.date))));
    }
    static get is() { return "salla-notification-item"; }
    static get originalStyleUrls() {
        return {
            "$": ["salla-notifications.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["salla-notifications.css"]
        };
    }
    static get properties() {
        return {
            "notification": {
                "type": "unknown",
                "attribute": "notification",
                "mutable": false,
                "complexType": {
                    "original": "Notification",
                    "resolved": "Notification",
                    "references": {
                        "Notification": {
                            "location": "import",
                            "path": "./interfaces",
                            "id": "src/components/salla-notifications/interfaces.ts::Notification"
                        }
                    }
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Notification instance to render."
                },
                "getter": false,
                "setter": false
            }
        };
    }
}
