<%
  var _value     = locals.value     || 'horizontal';
  var _labels    = locals.labels    || {};
  var _ariaLabel = locals.ariaLabel || 'View options';
  var _className = locals.className || '';
  var _id        = locals.id        || 'viewtoggle-' + Math.random().toString(36).substr(2, 9);

  var hLabel = _labels.horizontal || 'Horizontal';
  var vLabel = _labels.vertical   || 'Vertical';

  var options = [
    { key: 'horizontal', label: hLabel, icon: 'fa-table-list' },
    { key: 'vertical',   label: vLabel, icon: 'fa-table-cells' }
  ];
%>

  <% options.forEach(function (opt) { %>
  <%
    var isActive = _value === opt.key;
    var btnCls = isActive
      ? 'bg-primary text-primary-fg shadow-sm'
      : 'text-text-secondary hover:text-text-primary';
  %>
  
    
      
      <%= opt.label %>
    
  
  <% }); %>