<template>
  <div class="p-6">
    <div class="mb-6">
      <h1 class="text-3xl font-bold">All Projects</h1>
      <p class="text-muted-foreground">Read-only access to all projects for integration purposes</p>
    </div>
    
    <div class="rounded-lg border bg-card">
      <div class="p-6">
        <EmptyState
          :icon="Database"
          title="No projects available"
          description="Project data will appear here when projects are created in the system."
        />
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { Database } from 'lucide-vue-next'
import EmptyState from '@/components/ui/empty/EmptyState.vue'
</script>