<script setup lang="ts">
import './newBigTitleBox.less'



// 拿到传入的数据
const props = defineProps<{
    title?: string;
    type?: number;// 1 为默认长度 2为两倍长度
}>();

</script>


<template>
    <div
        :class="type === 2 ? 'newBigTitleBox newBigTitleBoxLong' : type === 3 ? 'newBigTitleBox newThreeBigTitleBoxLong' : 'newBigTitleBox'">
        <span class="titleBox">{{ props?.title || "" }}</span>
        <slot name="extra"></slot>
    </div>
</template>