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>
  );
}