import { KeyRound } from "lucide-react";
import PermissionChecker from "./components/PermissionChecker";

function AuthPage() {
  return (
    <div className="space-y-6">
      <div className="flex flex-wrap items-end justify-between gap-4">
        <div className="space-y-1">
          <p className="text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground">
            Admin auth
          </p>
          <h2 className="flex items-center gap-2 text-2xl font-semibold tracking-tight">
            <KeyRound size={22} className="text-primary" />
            인증가드
          </h2>
          <p className="text-sm text-muted-foreground">
            관리자 권한과 ReBAC 관계를 실제 정책 엔진 기준으로 확인합니다.
          </p>
        </div>
      </div>

      <PermissionChecker />
    </div>
  );
}

export default AuthPage;