<EuiTourStep
        content={
          <>
            <EuiText size="s" color="subdued">
              {i18n.translate(
                'xpack.apm.serviceGroups.tour.serviceGroups.content',
                {
                  defaultMessage:
                    "Now that you've created a service group, your All services inventory has moved here. This group cannot be edited or removed.",
                }
              )}
            </EuiText>
            <EuiSpacer />
            <EuiText size="s" color="subdued">
              {i18n.translate(
                'xpack.apm.serviceGroups.tour.createGroups.content.link',
                { defaultMessage: 'Learn more in our documentation' }
              )}
            </EuiText>
          </>
        }
        isStepOpen={isOpen}
        onFinish={() => setIsOpen(false)}
        maxWidth={300}
        minWidth={300}
        step={1}
        stepsTotal={1}
        title={i18n.translate(
          'xpack.apm.serviceGroups.tour.serviceGroups.title',
          { defaultMessage: 'All services group' }
        )}
        anchorPosition="leftUp"
        footerAction={<div>Dismiss</div>}
      >
        <div>{Card}</div>
      </EuiTourStep>