import { LitElement, html } from 'lit';

import { baseStyles, footerStyles } from './styles.js';

class FooterElement extends LitElement {
	static styles = [
		baseStyles,
		footerStyles,
	];

	render() {
		return html`
			<footer class="center">
				<a href="${APP_REPOURL}" title="commit ${APP_COMMIT} from ${APP_COMMITDATE}">Source-Code (${APP_VERSION})</a>
				<a href="${APP_IMPRINTURL}">Imprint</a>
			</footer>
		`;
	}
}

customElements.define('footer-component', FooterElement);