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

var index = require('./index-vstkdqRz.js');

const sallaListTileCss = "";

const SallaListTile = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        /**
         * Designates the component as anchor and applies the `href` attribute.
         */
        this.href = undefined;
        /**
         * Designates the target attribute. This should only be applied when using the `href` prop.
         */
        this.target = "_self";
    }
    generateClass() {
        return {
            "s-list-tile-item": true,
            "s-list-tile-item-href": !!this.href
        };
    }
    render() {
        return (index.h(index.Host, { key: '1f5e8a06d1c1aa0df00b09eec0c0a1efbf590748' }, index.h("a", { key: 'f9b772a03f745b07e2456cd74c73ab695f3754ff', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, index.h("div", { key: 'e90d46a29df8ea298489deba9b88bc6f84ebd5aa', class: "s-list-tile-item-icon" }, index.h("slot", { key: 'a5c40e495d05b5d45bae8ed133eca034f439368d', name: 'icon' })), index.h("div", { key: '2ded5a53f567c8eddb05d24a5f59875d3a7ac1ac', class: "s-list-tile-item-content" }, index.h("div", { key: '80e6962e698223c893b40a4a62d8ce67aa3ab27c', class: "s-list-tile-item-title" }, index.h("slot", { key: '87f95d3ae826904a55e0e4724340f55344371789', name: 'title' })), index.h("div", { key: '7fc838f33b9e65ca8c9f11bce4b506aad7d7ecb1', class: "s-list-tile-item-subtitle" }, index.h("slot", { key: 'f936a3770d59d3b56287927a447df9c8fa697310', name: "subtitle" }))), index.h("div", { key: 'e974fd4591921468f4a882370303709718ef6e64', class: "s-list-tile-item-action" }, index.h("slot", { key: '9d2adb70f0c75b18474f0f05c99000327e081ce8', name: 'action' })))));
    }
};
SallaListTile.style = sallaListTileCss;

exports.salla_list_tile = SallaListTile;
