<template>
    <view class="relative flex justify-between items-center">
        <view class="min-w-1 flex-1 pl-10 text-28 text-fore-title font-bold relative z-10">{{ title }}</view>
        <view class="w-90 h-20 rounded-full absolute -bottom-3 bg-gradient-to-br from-sky-300 to-white"/>
        <slot name="right"/>
    </view>
</template>

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

<style scoped>

</style>