+
0 ? Math.min(inputTextWidth, inputWidth - 20) - 4 : 0) +
+ 'px)',
+ }}
+ >
+
0 ? '12px' : '24px',
+ caretShape: 'block',
+ }}
+ placeholder={placeholder}
+ value={message}
+ onChange={(e) => {
+ setMessage(e.target.value);
+ }}
+ onFocus={() => {
+ setInputHasFocus(true);
+ }}
+ onBlur={() => {
+ setInputHasFocus(false);
+ }}
+ onKeyDown={(e) => {
+ if (e.key === 'Enter') {
+ handleSend();
+ }
+ }}
+ >
+
+ {message.replaceAll(' ', '\u00a0')}
+
+
+