<template>
	<NcEmptyContent class="empty">
		<slot />
		<template #icon>
			<slot name="icon" />
		</template>
		<template #name>
			<slot name="name" />
		</template>
		<template #description>
			<slot name="description" />
		</template>
		<template #action>
			<slot name="action" />
		</template>
	</NcEmptyContent>
</template>

<script lang="ts">
import { NcEmptyContent } from '@nextcloud/vue'

export default {
	name: 'EmptyContent',
	components: {
		NcEmptyContent,
	},
}
</script>

<style scoped>
.empty {
	height: 100%;
}
</style>
