<template>
  <view class="text-center mb-[24rpx]">
    <view class="text-[32rpx] font-bold relative inline-flex pb-[10rpx] items-center">
      <view class="i-carbon-flash-filled h-[23rpx] w-[17rpx] text-[#1880FC]"></view>
      <text class="text-[#1880FC] text-[36rpx] font-bold">{{ title }}</text>
      <view class="i-carbon-flash-filled h-[23rpx] w-[17rpx] text-[#1880FC]"></view>
      <view
        class="absolute bottom-0 left-1/2 transform -translate-x-1/2 w-full h-[10rpx] bg-[#cce3fc] rounded-full title-bar"
      ></view>
    </view>
  </view>
</template>

<script lang="ts" setup>
defineProps({
  title: {
    type: String,
    default: '',
  },
})
</script>

<style lang="scss" scoped>
@import '@/pages-evaluation-sub/styles/parallelogram.scss';
</style>
