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

export default function SystemReports() {
  return (
    <AdminLayout>
      <div className="p-6">
        <div className="flex items-center mb-6">
          <BarChart3Icon className="w-7 h-7 text-blue-700 mr-2" />
          <h1 className="text-2xl font-bold text-blue-900">System Reports</h1>
        </div>
        <p className="text-gray-700 mb-4">Select a report from the sidebar to view analytics and metrics.</p>
      </div>
    </AdminLayout>
  );
}
