<template>
  <div class="x-empty-page">
    <x-svg-icon :name="svgName"></x-svg-icon>
    <template v-if="$slots.default">
      <span class="empty-text">
        <slot></slot>
      </span>
    </template>
    <span v-else class="empty-text">
      暂无数据
    </span>
  </div>
</template>

<script>
export default {
  name: 'XEmptyPage',
  props: {
    svgName: {
      type: String,
      default: 'x-lib-empty'
    }
  }
}
</script>
