website refactor

apps/website/ui/StewardingTabs.tsx

@@ -0,0 +1,27 @@
+
+
+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)}
+    />
+  );
+}