{{ define "notification" }}
<style scoped>
#notification {
	transition: opacity .5s;
	opacity: 1.0;
	padding: 8px;
}

#notification div {
	padding: 8px;
	border-radius: 4px;
}
</style>
<div class="row" id="notification">
	<div class="col s12 center-align white-text {{ if eq .Type "error" }}red darken-2 {{ else }}green lighten-2{{ end }}">
		{{ .Message }}
	</div>
</div>
<script>'use strict';
	const el = document.getElementById('notification');
	setTimeout(() => el.style.opacity = 0.0, 3000);
</script>
{{ end }}