'use client';

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

export default function ConfigPage() {
  return (
    <div className="space-y-6">
      <div>
        <h1 className="text-3xl font-bold">Configuration</h1>
        <p className="text-muted-foreground mt-1">Manage Supervisor settings</p>
      </div>

      <Card>
        <CardContent className="p-12 text-center">
          <Settings className="h-12 w-12 text-muted-foreground mx-auto mb-4" />
          <h2 className="text-xl font-semibold mb-2">Configuration Coming Soon</h2>
          <p className="text-muted-foreground">
            This feature will allow you to reload configuration, add/remove process groups, and manage settings.
          </p>
        </CardContent>
      </Card>
    </div>
  );
}