Team Ai
Apppublic

Decoder2704/python-chatbot-jay

sourceHugging Faceupdated 7mo agoView on Hugging Face
0likes
ChatInputBar.jsx35 linesDownload Raw Back to components
1import "./ChatInputBar.css";2 3export default function ChatInputBar({4  value,5  onChange,6  onSubmit,7  loading,8  disabled,9}) {10  return (11    <form className="chat-input-bar" onSubmit={onSubmit}>12      <input13        type="text"14        className="chat-input-bar__field"15        placeholder="Ask anything about Python…"16        value={value}17        onChange={onChange}18        disabled={disabled}19        autoComplete="off"20        aria-label="Message"21      />22      <button23        type="submit"24        className="chat-input-bar__send"25        disabled={disabled || loading || !value.trim()}26        aria-label="Send message"27      >28        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" aria-hidden>29          <path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" />30        </svg>31      </button>32    </form>33  );34}35