<template>
    <div class="section-title">
        <span class="title-text">{{ title }}</span>
    </div>
</template>
<script setup>
import { onMounted, ref } from 'vue';
const props = defineProps({
    title: {
        type: String,
        default: ''
    }
})
</script>
<style scoped lang="scss">
@use '@/styles/mixins.scss' as *;

.section-title {
    display: flex;
    align-items: center;
    position: relative;
    background-image: url("../../assets/img/common-panel-header-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: vw(327);
    height: vw(55);
    padding-left: vw(40);
}

.title-text {
    font-size: vw(24);
    font-weight: 700;
    color: #fff;
}
</style>