<template>
	<div class="font-medium" style="font-size: 16px;">
		<div v-if="props.leftLine" class="left-line mr-2"></div>
		{{ props.title }}
		<slot></slot>
	</div>
</template>

<script setup lang="ts" name="title">
const props = defineProps({
	title: {
		type: String,
        default: '标题',
	},
	leftLine:{
		type: Boolean,
        default: false,

	}
});
</script>
<style lang="scss" scoped>
.font-medium {
	font-weight: 500;
	display: flex;
	align-items: center;
}
.left-line{
	width: 4px;
	height: 14px;
	background: #167AF0;
}
</style>
