<template>
	<fragment>
		<div v-if="episode" class="footer">
			<img class="background" :src="episode.episodeImage">
			<div class="content">
				{{ 'oui' }}
			</div>
		</div>
	</fragment>
</template>

<script>
export default {
	name: 'Bar',
	components: {},
	computed: {
		episode() {
			return this.$store.state.player.episode
		},
	},
}
</script>

<style scoped>
	.footer {
		position: relative;
	}

	.background {
		filter: blur(5rem) brightness(50%);
		height: auto;
		left: 0;
		opacity: .4;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.content {
		position: relative;
	}
</style>
