empty

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