<template>
  <div class="text">{{text}}</div>
</template>

<script>
export default {
  name: "XLine"
}
</script>
<script setup>
  const props = defineProps({
    text: {
      type: String,
      default: () => ''
    }
  })
</script>

<style scoped>
  .text {
    width: 100%;
    height: 25px;
    line-height: 25px;
    box-sizing: border-box;
    padding-left: 20px;
    position: relative;
  }
  .text:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 16px;
    background-color: #66CC33;
    border-radius: 5px;
    top: 5px;
    left: 5px;
  }
</style>
