<template>
    <div class="empty-box flexflex">
        <img class="empty-icon" src="@/assets/img/publicImage/empty-duck.png">
        <text class="empty-text">{{ hintText || '暂无内容' }}</text>
        <text class="empty-text" v-if="hintTextTwo">{{ hintTextTwo }}</text>
    </div>
</template>

<script setup>
const props = defineProps({
    hintText: String,
    hintTextTwo: String,
})

</script>

<style lang="less" scoped>
.empty-box {
    flex-direction: column;
    align-items: center;

    .empty-icon {
        width: 102px;
        height: 120px;
        margin-bottom: 16px;
    }

    .empty-text {
        color: #7f7f7f;
        line-height: 24px;
        font-size: 14px;
    }
}
</style>