<template>
	<view :class="note?'body-text':null">
		<empty v-if="!note"></empty>
		<view class="empty" v-else>{{note}}</view>
	</view>
</template>

<script>
	import empty from './empty.vue'
	export default {
		components: {
			empty
		},
		props: ['note']
	}
</script>

<style lang="scss" scoped>
	.empty {
		text-align: center;
		margin: 20upx;
		font-size: 0.85rem;
		width: 100%;
	}

	.body-text {
		position: relative;
		width: 100%;
	}
</style>
