<script setup lang="ts">
// types

type Props = {
    title: string;
};

// props

defineProps<Props>();
</script>

<template>
    <div class="flex flex-col w-full">
        <div class="flex flex-col items-start">
            <div
                class="w-full flex items-center justify-between h-[3rem] pb-5 px-5"
            >
                <span class="typo-sub-h-lg">{{ title }}</span>
                <slot name="button" />
            </div>
        </div>
        <div class="w-full flex flex-col border border-slate-200 rounded-xl">
            <div class="w-full p-5">
                <slot />
            </div>
        </div>
    </div>
</template>

<style scoped></style>
