import React from 'react';

const AdminProjects = () => {
  return (
    <div className="max-w-6xl mx-auto px-4 py-16">
      <h2 className="text-3xl font-bold text-blue-900 mb-4">Admin - Projects</h2>
      <p className="text-gray-600 mb-6">Manage all your projects here.</p>

      {/* Example: Projects Table */}
      <table className="w-full border-collapse border border-gray-200">
        <thead>
          <tr className="bg-blue-100 text-left">
            <th className="p-2 border">ID</th>
            <th className="p-2 border">Title</th>
            <th className="p-2 border">Location</th>
            <th className="p-2 border">Status</th>
            <th className="p-2 border">Actions</th>
          </tr>
        </thead>
        <tbody>
          {/* Replace with dynamic map from API */}
          <tr>
            <td className="p-2 border">1</td>
            <td className="p-2 border">Bridge Project</td>
            <td className="p-2 border">Mumbai</td>
            <td className="p-2 border">Ongoing</td>
            <td className="p-2 border">
              <button className="bg-blue-600 text-white px-3 py-1 rounded-md mr-2">Edit</button>
              <button className="bg-red-600 text-white px-3 py-1 rounded-md">Delete</button>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  );
};

export default AdminProjects;
