<script setup lang="ts">
import type { TreeProps } from '@easyflow-core/shadcn-ui';

import { Inbox } from '@easyflow/icons';
import { $t } from '@easyflow/locales';

import { EasyFlowTree, treePropsDefaults } from '@easyflow-core/shadcn-ui';

const props = withDefaults(defineProps<TreeProps>(), treePropsDefaults());
</script>

<template>
  <EasyFlowTree v-if="props.treeData?.length > 0" v-bind="props">
    <template v-for="(_, key) in $slots" :key="key" #[key]="slotProps">
      <slot :name="key" v-bind="slotProps"> </slot>
    </template>
  </EasyFlowTree>
  <div
    v-else
    class="flex-col-center text-muted-foreground cursor-pointer rounded-lg border p-10 text-sm font-medium"
  >
    <Inbox class="size-10" />
    <div class="mt-1">{{ $t('common.noData') }}</div>
  </div>
</template>
