"use client";

import TicketManagement from "@/components/admin/TicketManagement";
import { Ticket } from "lucide-react";

export default function AdminTicketsPage() {
  return (
    <div className="min-h-full bg-gradient-to-br from-gray-50 via-white to-gray-50 p-8">
      <div className="bg-gradient-to-r from-emerald-600 to-teal-600 rounded-2xl p-6 mb-8">
        <div className="flex items-center gap-4">
          <div className="w-14 h-14 bg-white/20 rounded-xl flex items-center justify-center">
            <Ticket className="w-7 h-7 text-white" />
          </div>
          <div>
            <h1 className="text-3xl font-bold text-white">Gestion des Tickets</h1>
            <p className="text-emerald-200">Consultez et gérez tous les tickets du jeu-concours</p>
          </div>
        </div>
      </div>
      <div className="bg-white rounded-2xl shadow-md border border-gray-100">
        <TicketManagement />
      </div>
    </div>
  );
}