import { BorderTabs } from '@/ui/BorderTabs';

export type StewardingTab = 'pending' | 'resolved' | 'penalties';

interface StewardingTabsProps {
  activeTab: StewardingTab;
  onTabChange: (tab: StewardingTab) => void;
  pendingCount: number;
}

export function StewardingTabs({ activeTab, onTabChange, pendingCount }: StewardingTabsProps) {
  const tabs: Array<{ id: StewardingTab; label: string; count?: number }> = [
    { id: 'pending', label: 'Pending', count: pendingCount },
    { id: 'resolved', label: 'Resolved' },
    { id: 'penalties', label: 'Penalties' },
  ];

  return (
    <BorderTabs
      tabs={tabs}
      activeTab={activeTab}
      onTabChange={(id) => onTabChange(id as StewardingTab)}
    />
  );
}