merging text input with message anim

diff --cc src/components/inputItem.vue
index 444c74d12ec662b55ae5fc378e895ad9a8c5503b,5e32f98bece1c62e264d4e038cfd45c03fcbaf42..995b482c11fee925d547c75d64885581ddd94c55
--- 1/src/components/inputItem.vue
--- 2/src/components/inputItem.vue
+++ b/src/components/inputItem.vue
@@@ -1,15 -1,12 +1,14 @@@
  <template>
 +
    <div id=inputItem
-     class="input-item playing"
-     :style="{ top: `${elementY}px`, left: `${elementX}px` }"
-   >
- 
+     class="input-item"
+     :class="{ playing: isRecording }"
+     :style="{ top: `${elementY}px`, left: `${elementX}px` }">
      <span class="play"></span>
      <span class="pause"></span>
- 
+     <TextInput :input="input"/>
    </div>
 +  
  </template>
  
  <script lang="ts">