import htm from 'htm';
import styles from './app-footer.module.scss';
import htmRenderer from '../../../htm-renderer';

const html = htm.bind(htmRenderer);

class AppFooter extends HTMLElement {

  constructor() {
    super();
  }

  connectedCallback () {
    const shadow = this.attachShadow({mode: 'open'});
    const frag = document.createDocumentFragment();
    const styleEl = document.createElement('style');
    styleEl.innerHTML = styles;
    frag.appendChild(styleEl);

    const content = html`<div>app-footer Works!</div>`;
    frag.appendChild(content);

    shadow.appendChild(frag);

  }
}

export default AppFooter;