tethys.backend/resources/js/Components/SectionTitle.vue

23 lines
420 B
Vue
Raw Permalink Normal View History

2023-03-03 15:54:28 +00:00
<script setup>
defineProps({
custom: Boolean,
first: Boolean,
last: Boolean
})
</script>
<template>
<section
class="py-24 px-6 lg:px-0 lg:max-w-2xl lg:mx-auto text-center"
:class="{ '-mb-6':first, '-mt-6':last, '-my-6':!first && !last }"
>
<slot v-if="custom" />
<h1
v-else
class="text-2xl text-gray-500 dark:text-slate-400"
>
<slot />
</h1>
</section>
</template>