<script setup lang="ts" name="PageTitle">
/**
 * 用法说明
  <PageTitle showBackBtn @handlePageBack="handlePageBack">
    <span>新增拟入职申请</span>
    <template #btnList>
      <el-button type="primary">提 交</el-button>
    </template>
  </PageTitle>
 */

import { computed, onMounted } from 'vue'




const props = withDefaults(defineProps<{
  title: string
}>(), {
  title: '标题'
})


</script>

<template>
 <div class="item-title-container">
  <div class="bridge"></div>
  <div class="title-text">{{ props.title }}</div>
 </div>
</template>

<style lang="scss" scoped>
.item-title-container{
  display: flex;
  align-items: center;
  .bridge{
    width: 2.26px;
    height: 14px;
    border-radius: 8px;
    background: rgba(33, 103, 217, 1);
  }
  .title-text {
    margin-left: 11px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 22px;
    color: rgba(53, 64, 79, 1);
  }
}
</style>
