'use client';

import React from 'react';
import QuickStats from '@/components/admin/QuickStats';
import RecentActivity from '@/components/admin/RecentActivity';
import PerformanceChart from '@/components/admin/PerformanceChart';

const AdminDashboard: React.FC = () => {
  return (
    <div className="p-6">
      <div className="mb-8">
        <h1 className="text-2xl font-bold text-gray-900">Dashboard Admin</h1>
        <p className="text-gray-600 mt-1">Selamat datang di panel administrasi Dapur MBG</p>
      </div>

      {/* Quick Stats */}
      <div className="mb-8">
        <QuickStats />
      </div>

      {/* Recent Activity & Performance Charts */}
      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
        {/* Recent Activity */}
        <RecentActivity />

        {/* Performance Chart */}
        <PerformanceChart />

      </div>
    </div>
  );
};

export default AdminDashboard;