[Idea] Allow Text components to accept an intl message

Is your feature request related to a problem? Please describe. At the moment, we usually wrap the intl messages (e.g. FormattedMessage) with the Text components.

<Text.Body>
  <FormattedMessage {...messages.title} />
</Text.Body>

Describe the solution you’d like Allow to pass the intl message directly to the Text component to avoid the wrapping

<Text.Body intlMessage={messages.title} />

// the prop can also be named differently, e.g. `message` but we should probably make it explicit that it relates to react-intl

[tdeekens]

Do we actually have to spead it in? Can’t we

<Text.Body message={messages.title} />

and then the Text.Body internally does the

<div>
  <FormattedMessage message={...props.message} />
</div>

? 😕

[montezume]

Sounds like a reasonable request 👍

I suggest though that we allow users to (optionally) override how the intl message is rendered, so that they could use different intl libraries.