#### 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>,
  ]}
/>
```