<template>
  <div class="p-6">
    <div class="mb-6">
      <h1 class="text-3xl font-bold">Reviews</h1>
      <p class="text-muted-foreground">Review and approve submitted work</p>
    </div>
    
    <div class="rounded-lg border bg-card">
      <div class="p-6">
        <EmptyState
          :icon="Eye"
          title="No pending reviews"
          description="All submitted work has been reviewed. New submissions will appear here."
        />
      </div>
    </div>
  </div>
</template>

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