16 lines
746 B
TypeScript
16 lines
746 B
TypeScript
import React from "react";
|
|
|
|
const MessageInput: React.FC = () => (
|
|
<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>
|
|
);
|
|
|
|
export default MessageInput;
|