src/components/shop-item.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

/**
@license
Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/

import { LitElement, html } from '@polymer/lit-element';

// This element is *not* connected to the Redux store.
class ShopItem extends LitElement {
  _render(props) {
    return html`
      ${props.name}:
      <span hidden="${props.amount === 0}">${props.amount} * </span>
      $${props.price}
      </span>
    `;
  }

  static get properties() {
    return {
      name: String,
      amount: String,
      price: String
    }
  }
}

window.customElements.define('shop-item', ShopItem);