<template>
	<ch-flex class="ch-empty" justify="center" items="center" direction="column">
		<ch-icon name="empty" :size="100" color="#bbb"></ch-icon>
		<text class="ch-empty--text">{{ emptyText }}</text>
	</ch-flex>
</template>

<script setup name="ch-empty">
import { defineProps } from 'vue';
const props = defineProps({
	emptyText: {
		type: String,
		default: '暂无数据'
	}
})
</script>

<style lang="scss" scoped>
@import './ch-empty.scss';
</style>