<script lang="ts" setup>
const props = defineProps<{
buttons?: boolean
}>()
const baseCreateDlg = ref(false)
const baseType = ref()
const openCreateProjectDlg = (type: NcProjectType) => {
baseType.value = type
baseCreateDlg.value = true
}
</script>
<template>
<div class="flex items-center justify-center mt-8">
<div class="flex flex-col gap-4 items-center text-gray-500">
<NcIconsInbox />
<div class="font-weight-medium">No Projects</div>
<template v-if="props.buttons">
<div class="text-xs">Create Base</div>
<div class="flex gap-2 justify mt-1">
<a-button class="flex-1 nc-btn" @click="openCreateProjectDlg(NcProjectType.DB)">
<div class="flex gap-2 items-center justify-center text-xs">
<GeneralProjectIcon :type="NcProjectType.DB" class="text-[#2824FB] text-lg" />
New Database Base
</div>
</a-button>
<WorkspaceCreateProjectDlg v-model="baseCreateDlg" :type="baseType" />
</template>
<style scoped></style>