export default class Brock extends HTMLElement {
    constructor() {
        super();
    }
    connectedCallback() {
        this.render();
    }

    render() {
        this.innerHTML = `
            Yo, yo, yo! Waddup ${this.name}, doe, it's Brocky fresh!
        `;
    }

    // attribute change
    attributeChangedCallback(property, oldValue, newValue) {
        if (oldValue === newValue) return;
        this[ property ] = newValue;
        this.render();
    }

    static get observedAttributes() {
        return ['name'];
    }
}