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;
