JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://rawgit.com/connors/photon/master/dist/css/photon.css">
<link rel="stylesheet" href="https://rawgit.com/MauriceConrad/PhotonKit-Components/master/Photon-Components/messages/dist/messages.css">
<script src="https://rawgit.com/MauriceConrad/PhotonKit-Components/master/Photon-Components/messages/dist/messages.js"></script>
<div class="messages-view" style="height: 100%; position: relative;">
            <ul class="messages">
              <li data-type="system">
                <div class="message-content">
                  Chat with Somebody
                </div>
                <div class="message-description">
                  Today, 11:00
                </div>
              </li>
              <li data-type="self">
                <div class="message-content">
                  What's up?
                </div>
                <div class="message-description">
                  Sent at 12:00
                </div>
              </li>
              <li data-type="extern">
                <div class="message-content">
                  Everything okay. How are you doing?
                </div>
                <div class="message-description">
                  Sent at 12:01
                </div>
              </li>
              <li data-type="extern">
                <div class="message-content">
                  Answer me!
                </div>
                <div class="message-description">
                  Sent at 12:21
                </div>
              </li>
              <li data-type="self">
                <div class="message-content">
                  Sorry, my daugther drove my car...
                </div>
                <div class="message-description">
                  Sent at 12:26
                </div>
              </li>
              <li data-type="extern">
                <div class="message-content">
                  Your daugther?! She's just 12 years old, or???
                </div>
      ...