import { _generateMetadata, getTranslate } from "app/_utils";
import { WithLayout } from "app/layoutHOC";

import LegacyPage from "@calcom/features/ee/organizations/pages/members";
import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";

import SettingsLayoutAppDir from "../../(settings-layout)/SettingsLayoutAppDir";

export const generateMetadata = async () =>
  await _generateMetadata(
    (t) => t("organization_members"),
    (t) => t("organization_description")
  );

const Page = async () => {
  const t = await getTranslate();

  return (
    <SettingsHeader title={t("organization_members")} description={t("organization_description")}>
      <LegacyPage />
    </SettingsHeader>
  );
};

const getLayout = async (page: React.ReactElement) =>
  await SettingsLayoutAppDir({ children: page, containerClassName: "lg:max-w-screen-2xl" });

export default WithLayout({ ServerPage: Page, getServerLayout: getLayout })<"P">;