app/admin/settings/page.tsx

"use client"

import { RoleGuard } from "@/components/auth/RoleGuard"
import { Role } from "@/types/auth"

export default function SettingsPage() {
    return (
        <RoleGuard allowedRoles={[Role.SUPER_ADMIN]}>
            <div className="p-8">
                <h1 className="text-3xl font-bold mb-4">System Settings</h1>
                <div className="border p-4 rounded bg-background">
                    <div className="bg-green-100 text-green-700 p-4 rounded mb-4">
                        <strong>Access Granted:</strong> You are viewing this page because you have the <strong>SUPER_ADMIN</strong> role.
                    </div>
                    <p>Settings configuration panel will be implemented here.</p>
                </div>
            </div>
        </RoleGuard>
    )
}