// T17 stub — full implementation lands in T18.
import { el, mount } from '../dom.js';
import { navigate } from '../router.js';

export function renderTopbar(root) {
  const search = el('input', {
    type: 'text',
    placeholder: 'Search …',
    onkeydown: (e) => {
      if (e.key === 'Enter' && e.target.value.trim()) {
        navigate('/search?q=' + encodeURIComponent(e.target.value.trim()));
      }
    }
  });
  mount(root,
    el('div', { class: 'brand' }, 'VOID'),
    el('div', { class: 'topbar-search' }, search),
    el('div', { class: 'topbar-spacer' })
  );
}