import {
  Card,
  CardContent,
  CardDescription,
  CardHeader,
  CardTitle,
} from "~/components/ui/card";
import { Users } from "lucide-react";

export function meta() {
  return [{ title: "Participants - Brackt Admin" }];
}

export default function AdminParticipants() {
  return (
    <div className="p-8">
      <div className="mb-6">
        <h1 className="text-3xl font-bold">Participants</h1>
        <p className="text-muted-foreground mt-1">
          Manage teams and players across all sports seasons
        </p>
      </div>

      <Card>
        <CardHeader>
          <CardTitle>Participants Management</CardTitle>
          <CardDescription>Coming soon</CardDescription>
        </CardHeader>
        <CardContent>
          <div className="text-center py-12">
            <Users className="mx-auto h-12 w-12 text-muted-foreground" />
            <h3 className="mt-4 text-lg font-semibold">Under Construction</h3>
            <p className="text-muted-foreground mt-2">
              Participant management interface will be available soon
            </p>
          </div>
        </CardContent>
      </Card>
    </div>
  );
}
