<template>
<div class="flex">
  <div class="box">
    <div class="text-center space-y-2">
      <div class="space-y-0.5">
        <p class="text-lg text-black dark:text-white font-semibold mb-2">
					<slot name="header"></slot>
        </p>
        <p class="text-gray-500 dark:text-gray-300 font-medium pb-3">
					<slot name="content"></slot>
        </p>
      </div>
				<slot name="button"></slot>
    </div>
  </div>
</div>
</template>
<script setup lang="ts">
/*
import { PropType } from 'vue'
import { OtherType, AuthInfoType, ShowInfoType } from '~/typs/cv'
import useState from '~/hooks/useState'
const props = defineProps({
	data: {
		type: Array as PropType<OtherType[]>,
		default: [],
		required: true,
	},
	showinfo: {
		type: Object as PropType<ShowInfoType>,
		default: {},
		required: true,
	},
	authinfo: {
		type: Object as PropType<AuthInfoType>,
		default: { editable: false, viewchange: false },
		required: true,
	},
})
*/
</script>