/* eslint-disable */

// @ts-nocheck

import { Tab, Tabs, TabTitleText } from "../../shared/@patternfly/react-core";
import { useState } from "react";
import { useTranslation } from "react-i18next";
import { Invitations } from "./Invitations";
import { Members } from "./Members";

export const MembersSection = () => {
  const { t } = useTranslation();
  const [activeTab, setActiveTab] = useState("members");

  return (
    <Tabs
      activeKey={activeTab}
      onSelect={(_, key) => setActiveTab(key as string)}
    >
      <Tab
        eventKey="members"
        title={<TabTitleText>{t("members")}</TabTitleText>}
        data-testid="organization-members-tab"
      >
        <Members />
      </Tab>
      <Tab
        eventKey="invitations"
        title={<TabTitleText>{t("invitations")}</TabTitleText>}
        data-testid="organization-invitations-tab"
      >
        <Invitations />
      </Tab>
    </Tabs>
  );
};
