import { Component, h, Host, Prop } from '@stencil/core';
const productIcons = {
  damga: 'shield-check',
  kimlik: 'padlock',
  taban: 'database',
};
export class DevingenHomePage {
  render() {
    const { product } = this;
    if (!product) {
      return (h(Host, null,
        h("div", { class: "icon-container" },
          h("dvn-icon", { iconName: "uil uil-plus", scale: "large" })),
        "Add new product"));
    }
    return (h(Host, null,
      h("div", { class: {
          'icon-container': true,
          [product.type]: true,
        } },
        h("dvn-icon", { iconName: `uil uil-${productIcons[product.type] || 'question'}`, scale: "large" })),
      h("div", { class: "d-flex flex-column" },
        product.name,
        h("div", { class: "product-type" }, product.type))));
  }
  static get is() { return "devingen-product-card"; }
  static get originalStyleUrls() { return {
    "$": ["./devingen-product-card.scss"]
  }; }
  static get styleUrls() { return {
    "$": ["devingen-product-card.css"]
  }; }
  static get properties() { return {
    "product": {
      "type": "unknown",
      "mutable": false,
      "complexType": {
        "original": "Product",
        "resolved": "Product",
        "references": {
          "Product": {
            "location": "import",
            "path": "../../../models/product"
          }
        }
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [],
        "text": ""
      }
    }
  }; }
}
