import React from 'react';
import AdminLayout from '../../../components/AdminLayout';
import { TrendingUpIcon } from 'lucide-react';

export default function EngagementReport() {
  return (
    <AdminLayout>
      <div className="p-6">
        <div className="flex items-center mb-6">
          <TrendingUpIcon className="w-7 h-7 text-blue-700 mr-2" />
          <h1 className="text-2xl font-bold text-blue-900">Citizen Engagement</h1>
        </div>
        <p className="text-gray-700 mb-4">Engagement analytics and charts will appear here.</p>
      </div>
    </AdminLayout>
  );
}
