/**
 * 분류 관리 페이지
 * CategoryGroupManager를 PageLayout으로 감싼 페이지 컴포넌트
 */

import { PageLayout } from "./organisms/PageLayout";
import { PageHeader } from "./organisms/PageHeader";
import { CategoryGroupManager } from "./CategoryGroupManager";
import { useData } from "./contexts/DataContext";
import { Layers } from "lucide-react";

export function CategoryGroupManagementPage() {
  const { formulas } = useData();
  
  // 모든 카테고리 추출
  const categories = [...new Set(formulas.map((f) => f.category))].sort();

  return (
    <PageLayout>
      <PageHeader
        title="분류 관리"
        description="수식 카테고리들을 묶는 분류를 생성하고 관리합니다"
        icon={Layers}
      />

      <div className="space-y-6">
        <CategoryGroupManager formulas={formulas} categories={categories} />
      </div>
    </PageLayout>
  );
}
