import { t, Trans } from 'app/core/internationalization';

import { InfoItem } from '../../shared/InfoItem';

export const InfoPane = () => {
  return (
    <InfoItem title={t('migrate-to-cloud.migrate-to-this-stack.title', 'Let us help you migrate to this stack')}>
      <Trans i18nKey="migrate-to-cloud.migrate-to-this-stack.body">
        You can migrate some resources from your self-managed Grafana installation to this cloud stack. To do this
        securely, you&apos;ll need to generate a migration token. Your self-managed instance will use the token to
        authenticate with this cloud stack.
      </Trans>
    </InfoItem>
  );
};