<script setup lang="ts">
const appConfig = useAppConfig()

defineProps<{
  title?: string
  disabled?: boolean
}>()
</script>

<template>
  <UCard :ui="appConfig.saas?.ui?.auth?.card || {}">
    <template #header>
      {{ title }}
    </template>
    <template #default>
      <div class="relative">
        <slot />
        <div
          v-if="disabled"
          class="absolute top-0 left-0 right-0 bottom-0 inset-0 flex justify-center items-center w-full h-full bg-default/80 z-30"
        />
      </div>
    </template>
  </UCard>
</template>
