\n {highlightTrial() && (\n
\n )}\n
\n {(!highlightTrial() || groups.length > 0) && (\n <>\n
External group sync
\n
\n \n \n >\n )}\n
\n {groups.length > 0 && (\n
\n )}\n
\n\n
\n \n \n \n
\n \n\n {groups.length === 0 &&\n !isAdding &&\n (highlightTrial() ? (\n
\n ) : (\n
\n ))}\n\n {groups.length > 0 && (\n
\n
\n \n \n External Group ID | \n | \n
\n \n {groups.map((group) => this.renderGroup(group))}\n
\n
\n )}\n
\n );\n }\n}\n\nexport const TeamSyncUpgradeContent = ({ action }: { action?: UpgradeContentProps['action'] }) => {\n const theme = useTheme2();\n return (\n