const filters = [
  { key: 'all', label: 'همه' },
  { key: 'mine', label: 'تسک‌های من' },
  { key: 'overdue', label: 'عقب‌افتاده' },
  { key: 'today', label: 'امروز' },
  { key: 'urgent', label: 'فوری' },
  { key: 'done', label: 'انجام‌شده' },
];

export default function PwaSprintFilters({ value, onChange }) {
  return (
    <div className="pwa-filter-row" aria-label="فیلتر تسک‌های اسپرینت">
      {filters.map((filter) => (
        <button key={filter.key} type="button" className={value === filter.key ? 'active' : ''} onClick={() => onChange(filter.key)}>
          {filter.label}
        </button>
      ))}
    </div>
  );
}

export const pwaSprintFilters = filters;
