// Segmented year filter shared by multiple pages.
function YearFilter({ value, onChange }) {
  const years = [2026, 2025, 2024, 2023];
  return (
    <div className="segmented">
      {years.map(y => (
        <button key={y} className={value === y ? 'active' : ''} onClick={() => onChange(y)}>{y}</button>
      ))}
      <button className={value === 'all' ? 'active' : ''} onClick={() => onChange('all')}>All</button>
    </div>
  );
}

Object.assign(window, { YearFilter });