class AppFooter extends HTMLElement {
    constructor() {
        super()

        // sticky footer
        const style = `
            :root {
                width: auto;
            }

            :host {
                height: 25px;
                border-top: 1px solid black;
                position: fixed;
                left: 0;
                bottom: 0;
                width: 100%;
            }

            footer {
                background-color: white;
                padding: 3px;
            }
            `

        const template = document.createElement('template')
        template.innerHTML = `
            <style>${style}</style>
            <footer>
                <a href="https://gitlab.com/ben_goodman/agentscape" target="_blank">Agentscape v1.5.0</a>
            </footer>
        `

        const shadowRoot = this.attachShadow({mode: 'open'})
        shadowRoot.appendChild(template.content.cloneNode(true))
    }
}

window.customElements.define('app-footer', AppFooter)

export default AppFooter