'use client';

import './style.scss';
import { useEffect } from 'react';
import { useRouter } from 'next/navigation';
import { BoardResponse } from '@/types/response/forum/board'

type Props = {
	_board: BoardResponse
};

export default function PermissionDenied({ _board } : Props) {
    const router = useRouter();

    useEffect(() => {
        document.title = '권한이 부족합니다.';
    }, []);

    if (!_board.isActive) {
        return null;
    }

    return (
        <div className="permission-denied">
            <h1>⚠️ 권한이 부족합니다</h1>
            <p>이 페이지에 접근하려면 더 높은 회원 등급이 필요합니다.</p>

            <table className="grade-table">
                <thead>
                    <tr>
                        <th>등급명</th>
                        <th>등급 순서</th>
                        <th>설명</th>
                    </tr>
                </thead>
                <tbody>
                    <tr><td>일반회원</td><td>1</td><td>기본 접근 권한</td></tr>
                    <tr><td>우수회원</td><td>2</td><td>일부 게시판 열람</td></tr>
                    <tr><td>운영자</td><td>9</td><td>모든 접근 가능</td></tr>
                </tbody>
            </table>

            <button type='button' onClick={() => router.back()}>돌아가기</button>
        </div>
    );
}