import { r as registerInstance, h, H as Host } from './index-ecdfb761.js';

const devingenProductCardCss = "devingen-product-card{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:calc(2 * var(--spacing-unit));color:var(--color-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}devingen-product-card .icon-container{padding:calc(2.4 * var(--spacing-unit));background:var(--color-background-primary);border-radius:calc(var(--corner-radius) / 3 * 2);margin-right:calc(2 * var(--spacing-unit))}devingen-product-card .icon-container.damga{background:var(--color-secondary);color:white}devingen-product-card .icon-container.kimlik{background:var(--color-primary);color:white}devingen-product-card .icon-container.sepet{background:var(--color-danger);color:white}devingen-product-card .icon-container.taban{background:var(--color-warning);color:white}devingen-product-card .product-type{font-size:0.9em;color:var(--color-text-secondary)}";

const productIcons = {
  damga: 'shield-check',
  kimlik: 'padlock',
  sepet: 'shopping-basket',
  taban: 'database',
};
const DevingenHomePage = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
  }
  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))));
  }
};
DevingenHomePage.style = devingenProductCardCss;

export { DevingenHomePage as devingen_product_card };
