[Fleet] Add a tooltip for ES outputs limitation (#154300)

## Summary

Closes #144361


![image](https://user-images.githubusercontent.com/60042277/229639120-25fde88c-47ab-4163-878c-291196cdc5be.png)


### Checklist

- [x] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/packages/kbn-i18n/README.md)
- [ ] Any UI touched in this PR does not create any new axe failures
(run axe in browser:
[FF](https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/),
[Chrome](https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd?hl=en-US))
- [ ] This renders correctly on smaller devices using a responsive
layout. (You can test this [in your
browser](https://www.browserstack.com/guide/responsive-testing-on-local-server))
- [ ] This was checked for [cross-browser
compatibility](https://www.elastic.co/support/matrix#matrix_browsers)


### For maintainers

- [x] This was checked for breaking API changes and was [labeled
appropriately](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)

x-pack/plugins/fleet/public/applications/fleet/sections/settings/components/edit_output_flyout/index.tsx

@@ -145,18 +145,38 @@ export const EditOutputFlyout: React.FunctionComponent<EditOutputFlyoutProps> =
               />
             }
           >
-            <EuiSelect
-              fullWidth
-              data-test-subj="settingsOutputsFlyout.typeInput"
-              {...inputs.typeInput.props}
-              options={OUTPUT_TYPE_OPTIONS}
-              placeholder={i18n.translate(
-                'xpack.fleet.settings.editOutputFlyout.typeInputPlaceholder',
-                {
-                  defaultMessage: 'Specify type',
-                }
+            <>
+              <EuiSelect
+                fullWidth
+                data-test-subj="settingsOutputsFlyout.typeInput"
+                {...inputs.typeInput.props}
+                options={OUTPUT_TYPE_OPTIONS}
+                placeholder={i18n.translate(
+                  'xpack.fleet.settings.editOutputFlyout.typeInputPlaceholder',
+                  {
+                    defaultMessage: 'Specify type',
+                  }
+                )}
+              />
+              {isESOutput && (
+                <>
+                  <EuiSpacer size="xs" />
+                  <EuiCallOut
+                    title={i18n.translate(
+                      'xpack.fleet.settings.editOutputFlyout.esOutputTypeCallout',
+                      {
+                        defaultMessage:
+                          'This output type currently does not support connectivity to a remote Elasticsearch cluster.',
+                      }
+                    )}
+                    iconType="alert"
+                    color="warning"
+                    size="s"
+                    heading="p"
+                  />
+                </>
               )}
-            />
+            </>
           </EuiFormRow>
           {showLogstashNeedEncryptedSavedObjectCallout && (
             <>

x-pack/plugins/translations/translations/fr-FR.json

@@ -15371,6 +15371,7 @@
     "xpack.fleet.settings.editOutputFlyout.editTitle": "Modifier la sortie",
     "xpack.fleet.settings.editOutputFlyout.esHostsInputLabel": "Hôtes",
     "xpack.fleet.settings.editOutputFlyout.esHostsInputPlaceholder": "Indiquer l’URL de l’hôte",
+    "xpack.fleet.settings.editOutputFlyout.esOutputTypeCallout": "Ce type de sortie ne prend actuellement pas en charge la connectivité à un cluster Elasticsearch distant.",
     "xpack.fleet.settings.editOutputFlyout.loadBalancingDescription": "Une fois activés, les agents équilibreront la charge sur tous les hôtes définis pour cette sortie. Cela augmentera le nombre de connexions ouvertes par l'agent.",
     "xpack.fleet.settings.editOutputFlyout.loadBalancingSwitchLabel": "Équilibrage des charges",
     "xpack.fleet.settings.editOutputFlyout.logstashHostsInputLabel": "Hôtes Logstash",

x-pack/plugins/translations/translations/ja-JP.json

@@ -15370,6 +15370,7 @@
     "xpack.fleet.settings.editOutputFlyout.editTitle": "出力を編集",
     "xpack.fleet.settings.editOutputFlyout.esHostsInputLabel": "ホスト",
     "xpack.fleet.settings.editOutputFlyout.esHostsInputPlaceholder": "ホストURLを指定",
+    "xpack.fleet.settings.editOutputFlyout.esOutputTypeCallout": "この出力タイプは現在、リモートElasticsearchクラスタへの接続をサポートしていません。",
     "xpack.fleet.settings.editOutputFlyout.loadBalancingDescription": "有効にすると、エージェントは、この出力に対して定義されたすべてのホストで負荷を分散します。これにより、エージェントによって開かれる接続数が増えます。",
     "xpack.fleet.settings.editOutputFlyout.loadBalancingSwitchLabel": "ロードバランシング",
     "xpack.fleet.settings.editOutputFlyout.logstashHostsInputLabel": "Logstashホスト",

x-pack/plugins/translations/translations/zh-CN.json

@@ -15371,6 +15371,7 @@
     "xpack.fleet.settings.editOutputFlyout.editTitle": "编辑输出",
     "xpack.fleet.settings.editOutputFlyout.esHostsInputLabel": "主机",
     "xpack.fleet.settings.editOutputFlyout.esHostsInputPlaceholder": "指定主机 URL",
+    "xpack.fleet.settings.editOutputFlyout.esOutputTypeCallout": "该输出类型目前不支持与远程Elasticsearch集群的连接。",
     "xpack.fleet.settings.editOutputFlyout.loadBalancingDescription": "启用后，代理将在为此输出定义的所有主机之间执行负载均衡。这会增加被代理打开的连接的数量。",
     "xpack.fleet.settings.editOutputFlyout.loadBalancingSwitchLabel": "负载均衡",
     "xpack.fleet.settings.editOutputFlyout.logstashHostsInputLabel": "Logstash 主机",