<commit_before>A styled message will render as a message container or styled div.

```
import React, { useState } from 'react';
import Control from '../../controls/Control';
import Fieldset from '../fieldset/Fieldset';
import RadioGroup from '../../controls/radio-buttons/RadioGroup';
import RadioButton from '../../controls/radio-buttons/RadioButton';
import { PromptType } from './PromptType';
import Prompt from './Prompt';

const [recordConversation, setStateForQuestion] = useState('');
const radioOnChange = target => {
  setStateForQuestion(target.currentTarget.value);
};

function getDate() {
  const today = new Date();
  var month = today.getMonth() + 1;
  const day = today.getDate();
  var year = today.getFullYear();
  return `${month}/${day}/${year}`;
}

<React.Fragment>
  <Prompt isContentReadAloud={true}>
    <div>
      {`My name is Mr/Mrs. Agent. Today is ${getDate()}. This call will be recorded. Do I have your permission to record this conversation to confirm your enrollment?`}
    </div>
    <div style={{'display': 'inline-flex', 'padding': '5px 0 0 5px'}}>
      <RadioGroup
        name='recordConversation'
        onChange={radioOnChange}
        selectedValue={recordConversation}
      >
      <RadioButton value='recordConversationYes'>Yes</RadioButton>
      <RadioButton value='recordConversationNo'>No</RadioButton>
      </RadioGroup>
    </div>
  </Prompt>
  <Prompt isContentReadAloud={false}>
    <span>Statement to the agent that does not need to be read aloud.</span>
  </Prompt>
  <Prompt>
    <span>Not passing <strong>isContentReadAloud</strong> defaults to 'Read Aloud'</span>
  </Prompt>
</React.Fragment>
```<commit_msg>Update: format message for agent text (refs: TW-56968)<commit_after>A styled message will render as a message container or styled div.

```
import React, { useState } from 'react';
import Control from '../../controls/Control';
import Fieldset from '../fieldset/Fieldset';
import RadioGroup from '../../controls/radio-buttons/RadioGroup';
import RadioButton from '../../controls/radio-buttons/RadioButton';
import { PromptType } from './PromptType';
import Prompt from './Prompt';
import formatMessage from 'format-message';

const [recordConversation, setStateForQuestion] = useState('');
const radioOnChange = target => {
  setStateForQuestion(target.currentTarget.value);
};

function getDate() {
  const today = new Date();
  var month = today.getMonth() + 1;
  const day = today.getDate();
  var year = today.getFullYear();
  return `${month}/${day}/${year}`;
}

<React.Fragment>
  <Prompt isContentReadAloud={true}>
    <div>
      {formatMessage(`My name is Mr/Mrs. Agent. Today is {today}. This call will be recorded. Do I have your permission to record this conversation to confirm your enrollment?`, { today: getDate() })}
    </div>
    <div style={{'display': 'inline-flex', 'padding': '5px 0 0 5px'}}>
      <RadioGroup
        name='recordConversation'
        onChange={radioOnChange}
        selectedValue={recordConversation}
      >
      <RadioButton value='recordConversationYes'>{formatMessage('Yes')}</RadioButton>
      <RadioButton value='recordConversationNo'>{formatMessage('No')}</RadioButton>
      </RadioGroup>
    </div>
  </Prompt>
  <Prompt isContentReadAloud={false}>
    <span>{formatMessage('Statement to the agent that does not need to be read aloud.')}</span>
  </Prompt>
  <Prompt>
     <span>
      {formatMessage.rich("Not passing <s>isContentReadAloud</s> defaults to 'Read Aloud'",
        {
          s: ({ children }) => <strong key="bold">{children}</strong>
        })
      }
    </span>
  </Prompt>
</React.Fragment>
```
{'fraction_non_alphanumeric': 0.1509485839978004, 'fraction_numerical': 0.0041242782513060215, 'mean_word_length': 3.8963660834454914, 'pattern_counts': {'":': 0, '<': 53, '<?xml version=': 0, '>': 56, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4906644', 'n_tokens_mistral': 1075, 'n_tokens_neox': 1077, 'n_words': 303}