import {useSelectedLocale} from '@common/i18n/selected-locale';
import {Fragment, memo} from 'react';

interface Props {
  code: string;
}
export const FormattedCountryName = memo(({code: countryCode}: Props) => {
  const {localeCode} = useSelectedLocale();
  const regionNames = new Intl.DisplayNames([localeCode], {type: 'region'});
  let formattedName: string | undefined;

  try {
    formattedName = regionNames.of(countryCode.toUpperCase());
  } catch (e) {}

  return <Fragment>{formattedName}</Fragment>;
});