<template>
	<NcAppContent :class="{ episode }">
		<slot />
	</NcAppContent>
</template>

<script lang="ts">
import { NcAppContent } from '@nextcloud/vue'
import { mapState } from 'pinia'
import { usePlayer } from '../../store/player.ts'

export default {
	name: 'AppContent',
	components: {
		NcAppContent,
	},
	computed: {
		...mapState(usePlayer, ['episode']),
	},
}
</script>

<style scoped>
.episode {
	padding-bottom: 6rem;
}
</style>
