<!--
 * @Author: walker.liu
 * @Date: 2022-04-01 14:32:54
 * @Copyright（C）:  2019-2020 ZP Inc.   All rights reserved.
-->
<template>
  <div class="table-empty-wrapper" :style="{ paddingTop: top }">
    <div :style="{ paddingTop: childTop }">
      <img class="empty-img" v-if="img" :src="img" />
      <img class="empty-img" v-else src="/images/img/empty.png" />
      <div class="msg">{{ msg }}</div>
    </div>
  </div>
</template>
<script setup lang="ts">
const props = defineProps({
  top: {
    type: String,
    default: '0px',
  },
  childTop: {
    type: String,
    default: '0px',
  },
  img: {
    type: String,
    default: '',
  },
  msg: {
    type: String,
    default: 'No Records',
  },
});
</script>
<style lang="less" scoped>
.table-empty-wrapper {
  width: 100%;
  text-align: center;
  .empty-img {
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
    width: 80px;
  }
  .msg {
    font-size: 13px;
    color: var(--td-text-color-placeholder);
    line-height: 20px;
  }
}
</style>
