render() {
		let suffix = store.state.items.length !== 1 ? 's' : '';
		let emoji = store.state.items.length > 0 ? '🙌' : '😢';

		// let emoji = store.state.items.length > 0 ? '&#x1f64c;' : '&#x1f622;';

		this.element.innerHTML = `
            <small>You've done</small>
            <span>${store.state.items.length}</span>
            <small>thing${suffix} today ${emoji}</small>
        `;
	}
/**
	 * React to state changes and render the component's HTML
	 *
	 * @returns {void}
	 */
React to state changes and render the component's HTML
@returns {void}
React to state changes and render the component ' s HTML @returns { void }
render() {
		let suffix = store.state.items.length !== 1 ? 's' : '';
		let emoji = store.state.items.length > 0 ? '🙌' : '😢';
		this.element.innerHTML = `
            <small>You've done</small>
            <span>${store.state.items.length}</span>
            <small>thing${suffix} today ${emoji}</small>
        `;
	}
render ( ) { let suffix = store . state . items . length !== 1 ? 's' : '' ; let emoji = store . state . items . length > 0 ? '🙌' :  😢 ; this . element . innerHTML = ` ${ store . state . items . length } ${ suffix } ${ emoji } ` ; }
React to state changes and render the component's HTML
 @returns {void}
React to state changes and render the component ' s HTML @returns { void }
// let emoji = store.state.items.length > 0 ? '&#x1f64c;' : '&#x1f622;';