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

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