components/AdminLayout.js

import AdminSidebar from './AdminSidebar'
import { useAuth } from '../context/AuthContext'

export default function AdminLayout({ children }) {
  const { user } = useAuth()

  if (!user || user.role !== 'admin') {
    return (
      <div className="text-center py-20">
        <h2 className="text-2xl font-bold">Unauthorized Access</h2>
        <p>You do not have permission to view this page</p>
      </div>
    )
  }

  return (
    <div className="bg-gray-100 min-h-screen">
      <div className="flex">
        <AdminSidebar />
        <main className="flex-1 p-8">
          {children}
        </main>
      </div>
    </div>
  )
}