#### No replacements ```jsx <Intl id="leftTheGroup" i18n={util.i18n} /> ``` #### Single string replacement ```jsx <Intl id="leftTheGroup" i18n={util.i18n} components={['Alice']} /> ``` #### Single tag replacement ```jsx <Intl id="leftTheGroup" i18n={util.i18n} components={[ <button key="external-2" style={{ backgroundColor: 'blue', color: 'white' }} > Alice </button>, ]} /> ``` #### Multiple string replacement ```jsx <Intl id="changedSinceVerified" i18n={util.i18n} components={['Alice', 'Bob']} /> ``` #### Multiple tag replacement ```jsx <Intl id="changedSinceVerified" i18n={util.i18n} components={[ <button key="external-1" style={{ backgroundColor: 'blue', color: 'white' }} > Alice </button>, <button key="external-2" style={{ backgroundColor: 'black', color: 'white' }} > Bob </button>, ]} /> ```