<script setup>
const props = defineProps({
  title: String
})

const list = props.title.split('-')
</script>

<template>
  <div class="w-full h-full flex items-center">
    <div class="text-lg text-hex-050026">{{list.at(-1)}}</div>
    <el-divider direction="vertical" />
    <div class="text-sm">
      <template v-for="(item,idx) in list">
        <span class="text-hex-949494 mx-2" v-if="idx!==0">-</span>
        <span :class="{'text-hex-949494':idx!==list.length-1}">{{item}}</span>
      </template>
    </div>
  </div>
</template>
