28 lines
726 B
TypeScript
28 lines
726 B
TypeScript
|
|
|
|
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)}
|
|
/>
|
|
);
|
|
}
|