<template>
  <view class="page-empty">
    <u-empty
      :textColor="textColor"
      :textSize="textSize"
      :iconColor="iconColor"
      :width="width"
      :height="height"
      v-bind="$attrs"
      v-on="$listeners"
    />
  </view>
</template>

<script>
export default {
  name: 'page-empty',
  props: {
    textColor: {
      type: String,
      default: '#9B9B9B',
    },
    textSize: {
      type: [String, Number],
      default: '28rpx',
    },
    iconColor: {
      type: String,
      default: '#9B9B9B',
    },
    width: {
      type: [String, Number],
      default: '120',
    },
    height: {
      type: [String, Number],
      default: '120',
    },
  },
  data() {
    return {};
  },
};
</script>

<style lang="scss">
.page-empty {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
