16 lines
753 B
JavaScript
16 lines
753 B
JavaScript
import React from "react";
|
|
|
|
export default function MessageInput() {
|
|
return (
|
|
<div className="flex items-center gap-2">
|
|
<button className="attachButton w-10 h-10 flex items-center justify-center rounded bg-[#1a1a1a] text-xl text-gray-400 mr-2">+</button>
|
|
<input
|
|
type="text"
|
|
className="message-input flex-1 bg-[#0f0f0f] border border-[#1a1a1a] rounded-lg px-4 py-3 text-gray-200 text-sm focus:outline-none focus:border-blue-500 placeholder:text-gray-500"
|
|
placeholder="Message #general (Foundation infrastructure channel)"
|
|
maxLength={2000}
|
|
/>
|
|
<button className="sendButton w-10 h-10 flex items-center justify-center rounded bg-blue-600 text-xl text-white ml-2">🎤</button>
|
|
</div>
|
|
);
|
|
}
|