<template>
  <div v-if="isShow" class="empty-wrap">
    <svg-icon class="empty-icon" name="empty"></svg-icon>
    <p class="empty-text">暂无数据</p>
  </div>
</template>
<script>
export default {
  props: {
    /**
     * 控制搜索空数据显示
     */
    isShow: {
      type: Boolean,
      default: false
    }
  }
}
</script>
<style lang="less" scoped>
.empty-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 56px;
  .empty-icon {
    width: 80px;
    height: 80px;
    color: var(--ti-lowcode-datasource-common-empty-color);
  }
  .empty-text {
    font-size: 12px;
    color: var(--te-base-text-color-3);
  }
}
</style>