<template>
  <div class="box w-full flex justify-center overflow-hidden">
    <div class="text-center overflow-hidden">
      <slot></slot>
    </div>
  </div>
</template>

<script setup lang="ts"></script>
<style lang="scss">
.is-error {
  .box {
    border: 1px dashed var(--el-color-danger) !important;
  }
}
</style>

<style scoped lang="scss">
.box {
  height: 196px;
  background: #f7f7f7;
  border-radius: var(--sy-border-radius);
  border: 1px dashed #dae5ff;
}
</style>
