interface FilterItem {
  label: string;
  count: number;
}

interface FilterTabsProps {
  filters: FilterItem[];
  activeFilter: string;
  onFilterChange: (filter: string) => void;
}

export function FilterTabs({ filters, activeFilter, onFilterChange }: FilterTabsProps) {
  return (
    <div className="filter-tabs">
      {filters.map((filter) => (
        <button
          key={filter.label}
          className={`filter-tab ${activeFilter === filter.label ? 'active' : ''}`}
          onClick={() => onFilterChange(filter.label)}
        >
          {filter.label} ({filter.count})
        </button>
      ))}
    </div>
  );
} 