"use client";

import { RoleManagement } from "@/components/admin/RoleManagement";
import { ScrollToTop } from "@/components/common/ScrollToTop";

/**
 * 권한 그룹 관리 페이지
 * URL: /admin/roles
 *
 * shadcn/ui 스타일 가이드 적용
 *
 * 기능:
 * - 회사별 권한 그룹 목록 조회
 * - 권한 그룹 생성/수정/삭제
 * - 멤버 관리 (Dual List Box)
 * - 메뉴 권한 설정 (CRUD 권한)
 */
export default function RolesPage() {
  return (
    <div className="flex min-h-screen flex-col bg-background">
      <div className="space-y-6 p-6">
        {/* 페이지 헤더 */}
        <div className="space-y-2 border-b pb-4">
          <h1 className="text-3xl font-bold tracking-tight">권한 그룹 관리</h1>
          <p className="text-sm text-muted-foreground">
            회사 내 권한 그룹을 생성하고 멤버를 관리합니다 (회사 관리자 이상)
          </p>
        </div>

        {/* 메인 컨텐츠 */}
        <RoleManagement />
      </div>

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