import Link from "next/link";
import { Lock, Trophy } from "lucide-react";

export const dynamic = "force-dynamic";

export default function LivePage() {
  return (
    <section className="surface mx-auto max-w-xl rounded-lg p-4 text-center">
      <div className="mx-auto grid h-11 w-11 place-items-center rounded-lg bg-felt/10 text-felt">
        <Lock className="h-5 w-5" />
      </div>
      <h1 className="mt-3 text-lg font-black text-white">Paris live indisponibles</h1>
      <p className="mt-2 text-sm leading-6 text-slate-400">
        Les paris live sont temporairement bloqués. Les matchs pré-match restent disponibles jusqu'à leur coup d'envoi.
      </p>
      <Link href="/sports" className="mt-4 inline-flex h-10 items-center gap-2 rounded-lg bg-felt px-4 text-sm font-black text-ink-950">
        <Trophy className="h-4 w-4" />
        Voir les sports
      </Link>
    </section>
  );
}