<script lang='ts' setup>
import { FolderOpenIcon } from 'lucide-vue-next'
import { useI18n } from 'vue-i18n'

import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '@/components/ui/empty'

const { t } = useI18n()
</script>

<template>
  <Empty>
    <EmptyHeader>
      <EmptyMedia variant="icon">
        <FolderOpenIcon />
      </EmptyMedia>
      <EmptyTitle>{{ t('common.noResults') }}</EmptyTitle>
      <EmptyDescription>
        {{ t('common.noResultsDesc') }}
      </EmptyDescription>
    </EmptyHeader>
  </Empty>
</template>
