'use client';

import React from 'react';
import Link from 'next/link';
import QuestionCategories from '@/components/admin/QuestionCategories';

const QuestionCategoriesPage: React.FC = () => {
  return (
    <div className="max-w-6xl mx-auto space-y-6">
      {/* Header */}
      <div className="flex items-center justify-between">
        <div>
          <h1 className="text-2xl font-bold text-gray-900">Kategori Soal</h1>
          <p className="text-gray-600 mt-1">Kelola kategori untuk mengorganisir bank soal</p>
        </div>
        <Link
          href="/admin/questions"
          className="text-gray-600 hover:text-gray-900 flex items-center"
        >
          ← Kembali ke Bank Soal
        </Link>
      </div>

      {/* Categories Component */}
      <QuestionCategories />
    </div>
  );
};

export default QuestionCategoriesPage;