/* InputBar.jsx , Composer at the bottom of the brief thread. */
function InputBar({ value, onChange }) {
 return (
  <form className="bf-inputbar" onSubmit={(e) => { e.preventDefault(); onChange(''); }}>
   <div className="bf-inputbar__field">
    <textarea
     className="bf-textarea bf-inputbar__textarea"
     rows={2}
     placeholder="Reply to the brief, attach files, or @mention a creator…"
     value={value}
     onChange={(e) => onChange(e.target.value)}
     aria-label="Reply"
    />
    <div className="bf-inputbar__actions">
     <button type="button" className="bf-btn bf-btn--ghost bf-btn--sm" aria-label="Attach file">📎 Attach</button>
     <button type="button" className="bf-btn bf-btn--ghost bf-btn--sm" aria-label="Mention">@ Mention</button>
     <span style={{ flex: 1 }}></span>
     <button type="submit" className="bf-btn bf-btn--primary bf-btn--sm">Send</button>
    </div>
   </div>
  </form>
 );
}

window.InputBar = InputBar;