import _extends from "@babel/runtime/helpers/extends";
import React from 'react';
import { FormattedMessage } from 'react-intl';
import { Box, Text } from '@atlaskit/primitives/compiled';
import { messages } from '../../../messages';
// TODO: remove when social-proof-3p-unauth-block-fg is cleaned up
const SocialProofMessage = ({
  tier,
  connectedPct,
  providerName,
  testId = 'smart-block-social-proof-message'
}) => {
  const message = tier === 'not-low' ? messages.pre_auth_block_social_proof_not_low : messages.pre_auth_block_social_proof_low;
  return /*#__PURE__*/React.createElement(Box, {
    testId: testId
  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, message, {
    values: {
      percentage: connectedPct !== null && connectedPct !== void 0 ? connectedPct : 0,
      provider: providerName,
      b: chunks => /*#__PURE__*/React.createElement(Text, {
        as: "strong",
        weight: "bold"
      }, chunks)
    }
  })));
};
export default SocialProofMessage;