Munawwirul Jamal
23 lines
440 B
Vue
23 lines
440 B
Vue
<script setup lang="ts">
|
|
import { cn } from '~/lib/utils'
|
|
|
|
defineProps<{
|
|
title: string
|
|
headerClass?: string
|
|
contentClass?: string
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<section class="mb-6">
|
|
<h3 :class="cn('mb-3 flex items-center gap-1 pb-1 text-base font-semibold', headerClass)">
|
|
<slot name="icon" />
|
|
{{ title }}
|
|
</h3>
|
|
|
|
<div :class="cn('space-y-2', contentClass)">
|
|
<slot />
|
|
</div>
|
|
</section>
|
|
</template>
|