'use client';

import { AlertCircle } from 'lucide-react';
import { Card, CardContent } from '@/components/ui/card';

export default function LogsPage() {
  return (
    <div className="space-y-6">
      <div>
        <h1 className="text-3xl font-bold">Process Logs</h1>
        <p className="text-muted-foreground mt-1">Real-time log viewing</p>
      </div>

      <Card>
        <CardContent className="p-12 text-center">
          <AlertCircle className="h-12 w-12 text-muted-foreground mx-auto mb-4" />
          <h2 className="text-xl font-semibold mb-2">Logs View Coming Soon</h2>
          <p className="text-muted-foreground">
            This feature will display real-time logs from your processes with filtering and search capabilities.
          </p>
        </CardContent>
      </Card>
    </div>
  );
}