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

<script>
import { NcAppContent } from '@nextcloud/vue'
import { mapState } from 'pinia'
import { usePlayer } from '../../store/player.js'

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

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

.padding {
	padding: 15px 51px;
}
</style>
