import { jsx, jsxs, Fragment } from "react/jsx-runtime"; import DeleteTeamForm from "./DeleteTeamForm-CDG-Mx5L.js"; import TeamMemberManager from "./TeamMemberManager-vS8Og7eY.js"; import UpdateTeamNameForm from "./UpdateTeamNameForm-CArH28KV.js"; import { S as SectionBorder } from "./SectionBorder-Dh4nHf2e.js"; import { A as AppLayout } from "./AppLayout-DitNPgwT.js"; import "../app.js"; import "axios"; import "lodash"; import "react-dom/client"; import "@inertiajs/react"; import "react"; import "./Modal-D5yHmTM4.js"; import "./SectionTitle-DnuUNpyS.js"; import "@headlessui/react"; import "classnames"; import "react-dom"; import "./ConfirmationModal-BYr2Juy2.js"; import "./DangerButton-BAZynYAq.js"; import "./SecondaryButton-G68tKuYQ.js"; import "./useTypedPage-Do3SqtsL.js"; import "./ActionMessage-s_mcCJ3s.js"; import "./DialogModal-D0pyMzH2.js"; import "./FormSection-DI6t3wFC.js"; import "./TextInput-CMJy2hIv.js"; import "./InputLabel-DhqxoV6M.js"; import "./PrimaryButton-C2B8UWiv.js"; import "@inertiajs/core"; function Show({ team, availableRoles, permissions }) { return /* @__PURE__ */ jsx( AppLayout, { title: "Team Settings", renderHeader: () => /* @__PURE__ */ jsx("h2", { className: "font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight", children: "Team Settings" }), children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto py-10 sm:px-6 lg:px-8", children: [ /* @__PURE__ */ jsx(UpdateTeamNameForm, { team, permissions }), /* @__PURE__ */ jsx("div", { className: "mt-10 sm:mt-0", children: /* @__PURE__ */ jsx( TeamMemberManager, { team, availableRoles, userPermissions: permissions } ) }), permissions.canDeleteTeam && !team.personal_team ? /* @__PURE__ */ jsxs(Fragment, { children: [ /* @__PURE__ */ jsx(SectionBorder, {}), /* @__PURE__ */ jsx("div", { className: "mt-10 sm:mt-0", children: /* @__PURE__ */ jsx(DeleteTeamForm, { team }) }) ] }) : null ] }) }) } ); } export { Show as default };