import { type ReactNode } from 'react'

/**
 * 시스템관리(권한) 화면 공통 관리자 게이트 — UI 차단(읽기 변경 모두 백엔드 RBAC 403 이중 방어).
 * esn_role(localStorage) 기준. TenantAdmin.tsx 의 ADMIN 차단 패턴과 동일.
 * 색상은 UIWS 테마 토큰만 사용(다크/라이트 양 모드).
 */
export default function AdminGate({ children }: { children: ReactNode }) {
  const role = localStorage.getItem('esn_role')
  if (role !== 'ADMIN' && role !== 'MANAGER') {
    return (
      <div className="uiws-scope" style={{ textAlign: 'center', padding: '64px 0' }}>
        <p style={{ color: 'var(--uiws-text-muted)', fontSize: 14 }}>관리자 전용 메뉴입니다.</p>
      </div>
    )
  }
  return <>{children}</>
}
