"use client";

import { CheckCircle } from "lucide-react";
import Link from "next/link";

export default function PayBalanceSuccessPage() {
  return (
    <div className="min-h-screen bg-gray-50 dark:bg-gray-950 flex items-center justify-center px-4">
      <div className="max-w-sm w-full text-center space-y-4">
        <CheckCircle className="w-16 h-16 text-green-500 mx-auto" />
        <h1 className="text-2xl font-bold text-gray-900 dark:text-gray-100">Payment successful</h1>
        <p className="text-sm text-gray-500 dark:text-gray-400">
          Your outstanding balance has been settled. Thank you.
        </p>
        <Link href="/" className="btn-primary inline-block px-6 py-2.5 font-semibold">
          Back to home
        </Link>
      </div>
    </div>
  );
}
