<template>
  <div class="divider-line">
    <div class="line-l"></div>
    <div class="line-c"></div>
    <div class="line-r"></div>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="less" scoped>
  .divider-line {
    width: 100%;
    display: flex;
    .line-l {
      width: 15px;
      height: 1px;
      background-color: #3d7bf0;
    }

    .line-c {
      width: calc(100% - 30px);
      height: 1px;
      border-top: 1px dashed #3d7bf0;
    }

    .line-r {
      width: 15px;
      height: 1px;
      background-color: #3d7bf0;
    }
  }
</style>
