import React from "react";
import { useTranslation } from "react-i18next";
import PlanHierarchy from "@/performance-management/components/PlanHierarchy/PlanHierarchy";

const PlanLayout: React.FC = () => {
  const { t } = useTranslation();
  return (
    <div className="p-6 bg-gray-50 dark:bg-gray-900 min-h-screen">
      <h1 className="text-2xl font-semibold text-gray-800 dark:text-gray-200 mb-4">
        {t("planTable.planManagement", "Plan Management")}
      </h1>
      <PlanHierarchy />
    </div>
  );
};

export default PlanLayout;
