<template>
  <div class="flow-line">
    <div>
      <a-divider class="flow-line-divider" />
    </div>
    <span class="flow-line-title">{{ props.title }}</span>
  </div>
</template>

<script setup name="FlowLine">
const props = defineProps({
  title: {
    type: String,
    default: ''
  }
});
</script>

<style scoped lang="less">
.flow-line {
  display: flex;
  justify-content: start;
  margin-bottom: 10px;
}
.flow-line-divider {
  height: 24px;
  width: 5px;
  background-color: #2a82e4;
}
.flow-line-title {
  padding-left: 10px;
}
</style>
