.qkb-board-action(
:class="actionClass"
)
.qkb-board-action__wrapper
slot(name="actions")
button.qkb-action-item.qkb-action-item--audio#textToAudioId(@click="audioSwitch")
slot(name="audioButton")
IconAudio.qkb-action-icon.qkb-action-icon--audio(@mouseover="showInfo = true", @mouseleave="showInfo = false")
.info(v-if="showInfo") {{ audioOutputMessage }}
.qkb-board-action__msg-box
input.qkb-board-action__input#qkb-board-action__input(
type="text",
v-model="messageText",
ref="qkbMessageInput",
:disabled="inputDisable",
:placeholder="inputPlaceholder",
@keydown.enter="sendMessage",
)
.qkb-board-action__disable-text(
v-if="inputDisablePlaceholder && inputDisable"
)
span {{ inputDisablePlaceholder }}
.qkb-board-action__extra
slot(name="actions")
button.qkb-action-item.qkb-action-item--microphone(@click="audioToText")
slot(name="microphoneButton")
IconMicrophone.qkb-action-icon.qkb-action-icon--microphone(@mouseover="showMicrophone = true", @mouseleave="showMicrophone = false")
.microphoneStatus(v-if="showMicrophone") {{ audioInputMessage }}
button.qkb-action-item.qkb-action-item--send(@click="sendMessage")
slot(name="sendButton")
IconSend.qkb-action-icon.qkb-action-icon--send