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

Salla Web Component

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

const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{-webkit-box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important;box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";

const SallaLoyaltyPrizeItem = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.prizeItemSelected = createEvent(this, "prizeItemSelected", 7);
    this.item = undefined;
  }
  onPrizeItemClick() {
    this.prizeItemSelected.emit(this.item);
  }
  render() {
    return (h(Host, null, h("div", { onClick: this.onPrizeItemClick.bind(this) }, h("img", { class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { class: "s-loyalty-prize-item-points" }, this.item.cost_points, " Points"))));
  }
};
SallaLoyaltyPrizeItem.style = sallaLoyaltyPrizeItemCss;

export { SallaLoyaltyPrizeItem as salla_loyalty_prize_item };

//# sourceMappingURL=salla-loyalty-prize-item.entry.js.map