<template>
  <div class="pv-spacer" :style="{height:(props.height||10)+'px',background:props.bgColor||'transparent'}">
    <span class="pv-spacer-label">{{ props.height||10 }}px</span>
  </div>
</template>
<script setup>const props=defineProps({props:{type:Object,default:()=>({})}})</script>
<style scoped>
.pv-spacer{display:flex;align-items:center;justify-content:center}
.pv-spacer-label{font-size:10px;color:#ddd;background:rgba(0,0,0,.02);padding:0 6px;border-radius:3px}
</style>
