<script setup lang="ts">
defineProps<{
    centered?: boolean
}>()
</script>

<template>
<div class="panel-sub-header" :class="centered ? 'centered' : ''"><slot/></div>
</template>

<style scoped>
.panel-sub-header {
    font-size: 0.8rem;
    color: var(--muted);
    margin-bottom: 0.5rem;
}

.centered{
    text-align: center;
}
</style>
