"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui/card";
import { TeamMembersList } from "./TeamMembersList";
import { TeamPendingInvitations } from "./TeamPendingInvitations";
function TeamDetailSection({ teamId }) {
  return /* @__PURE__ */ jsxs(Card, { "data-cy": "team-members-section", children: [
    /* @__PURE__ */ jsxs(CardHeader, { children: [
      /* @__PURE__ */ jsx(CardTitle, { children: "Team Members" }),
      /* @__PURE__ */ jsx(CardDescription, { children: "Manage team members and invitations" })
    ] }),
    /* @__PURE__ */ jsxs(CardContent, { children: [
      /* @__PURE__ */ jsx(TeamMembersList, { teamId }),
      /* @__PURE__ */ jsx(TeamPendingInvitations, { teamId })
    ] })
  ] });
}
export {
  TeamDetailSection
};
