"use client";

import React from "react";
import { useRouter } from "next/navigation";

export default function AdminDashboardPage() {
  const router = useRouter();

  return (
    <div className="flex flex-col items-center justify-center p-8">
      <h1 className="mb-4 text-4xl font-extrabold text-gray-900 dark:text-white">
        Welcome to the Admin Dashboard!
      </h1>
      <p className="mb-8 text-lg text-gray-700 dark:text-gray-300">
        Here you can manage your products, orders, and other platform settings.
      </p>
      <div className="flex space-x-4">
        <button
          onClick={() => alert("Manage Products clicked!")}
          className="rounded-md bg-indigo-600 px-6 py-3 text-white shadow-md transition hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
        >
          Manage Products
        </button>
        <button
          onClick={() => alert("View Orders clicked!")}
          className="rounded-md bg-gray-200 px-6 py-3 text-gray-800 shadow-md transition hover:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-gray-400 focus:ring-offset-2 dark:bg-gray-700 dark:text-gray-200 dark:hover:bg-gray-600"
        >
          View Orders
        </button>
      </div>
    </div>
  );
}
