Empty.vue 449 B

1234567891011121314151617181920
  1. <script setup lang="ts">
  2. import type { HTMLAttributes } from "vue"
  3. import { cn } from '@/Packages/Shadcn/Lib/utils'
  4. const props = defineProps<{
  5. class?: HTMLAttributes["class"]
  6. }>()
  7. </script>
  8. <template>
  9. <div
  10. data-slot="empty"
  11. :class="cn(
  12. 'flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12',
  13. props.class,
  14. )"
  15. >
  16. <slot />
  17. </div>
  18. </template>