"use client";

import { use } from "react";
import { RoleDetailManagement } from "@/components/admin/RoleDetailManagement";
import { ScrollToTop } from "@/components/common/ScrollToTop";

/**
 * 권한 그룹 상세 페이지
 * URL: /admin/roles/[id]
 *
 * 기능:
 * - 권한 그룹 멤버 관리 (Dual List Box)
 * - 메뉴 권한 설정 (CRUD 체크박스)
 */
export default function RoleDetailPage({ params }: { params: Promise<{ id: string }> }) {
  // Next.js 15: params는 Promise이므로 React.use()로 unwrap
  const { id } = use(params);

  return (
    <div className="bg-background flex min-h-screen flex-col">
      <div className="space-y-6 p-6">
        {/* 메인 컨텐츠 */}
        <RoleDetailManagement roleId={id} />
      </div>

      {/* Scroll to Top 버튼 (모바일/태블릿 전용) */}
      <ScrollToTop />
    </div>
  );
}
