// ════════════════════════════════════════════════════════════════
// CommandBar — filter strip under header for active routes
// ════════════════════════════════════════════════════════════════

// Responsive: класс .sdh-cmdbar (styles.css) даёт min-height вместо fixed height,
// чтобы переносящиеся чипы росли вниз а не вылезали поверх контента (мобильный баг
// 2026-06-05). На <760px бар перестаёт быть sticky и стекается в колонку.
function CommandBar({ left, right, sticky = true }) {
  return (
    <div className={`sdh-cmdbar${sticky ? ' is-sticky' : ''}`}>
      <div className="sdh-container sdh-cmdbar-inner">
        <div className="sdh-cmdbar-left">{left}</div>
        <div className="sdh-cmdbar-right">{right}</div>
      </div>
    </div>
  );
}

window.CommandBar = CommandBar;