<template>
    <div class="title-banner">
        <slot></slot>
    </div>
</template>

<script setup>
// 不需要额外的 props 或逻辑，只是一个简单的样式组件
</script>

<style scoped>
.title-banner {
    @apply mx-auto mt-2 w-64 py-1.5 text-center text-white font-bold text-lg relative rounded-2xl;
    background: var(--color-primary);
    border: 1px solid var(--color-primary-300);
    background-image:
        linear-gradient(45deg, transparent 25%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.1) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.1) 75%);
    background-size: 20px 20px;
    background-position: 0 0;
    position: relative;
    overflow: hidden;
}
</style>
