Take a look at how Message renders code outside of back-ticks

[rebeccaalpert]

From @karthikjeeyar:

Pasting this doesn't work unless you use backticks:

const MessageLoading = () => (
  <div className="pf-chatbot__message-loading">
    <span className="pf-chatbot__message-loading-dots">
      <span className="pf-v6-screen-reader">Loading message</span>
    </span>
  </div>
);

Not wonderful how the message breaks up.

Looks like it's tied to the Message - it pre-dates the input switch.