/* eslint-disable import/prefer-default-export */
/* eslint-disable react/forbid-prop-types */
import React from 'react';
import PropTypes from 'prop-types';

import { LANGUAGE_CODES } from '../localization/index';

import { KiribatiFlag, EnglishFlag, LaosFlag, TetumFlag, FrenchFlag } from './images';

const LANGUAGE_TO_FLAG = {
  [LANGUAGE_CODES.FRENCH]: FrenchFlag,
  [LANGUAGE_CODES.TETUM]: TetumFlag,
  [LANGUAGE_CODES.ENGLISH]: EnglishFlag,
  [LANGUAGE_CODES.KIRIBATI]: KiribatiFlag,
  [LANGUAGE_CODES.LAOS]: LaosFlag,
};

export const Flag = ({ style, flag }) => {
  const FlagImage = LANGUAGE_TO_FLAG[flag];
  return <FlagImage style={style} />;
};

Flag.defaultProps = { style: { width: 55, height: 33 } };
Flag.propTypes = { style: PropTypes.object, flag: PropTypes.string.isRequired };

@@ -523,16 +523,285 @@
 ag,%0A%7D;%0A%0A
+/**%0A * Simple component rendering a flag image given the country code.%0A * See localization/index - LANGUAGE_CODES%0A *%0A * @param %7BObject%7D Style       Style object for the flag Image component%0A * @param %7BString%7D countryCode The country code whose flag should be used.%0A */%0A
 export c
@@ -822,20 +822,27 @@
  style, 
-flag
+countryCode
  %7D) =%3E %7B
@@ -879,20 +879,27 @@
 TO_FLAG%5B
-flag
+countryCode
 %5D;%0A  ret
@@ -1037,20 +1037,27 @@
 object, 
-flag
+countryCode
 : PropTy

Add Flag doc string