schalli
1f85277a3b
- neue Seitenleisten-Kategorie accounting (Finanzbuchhaltung / Financial accounting) - CSV (UTF-8, UTF-8 mit BOM, Windows-1252) pruefen, Vorschau mit Zeilenfehlern, DATEV-Lohn-ASCII-Export - Beraternummer, Mandantennummer, Lohnart je Mandant als Admin-Einstellung (KantineDatevConfig mit Zeilenschutz), anfangs leer - hochgeladene Daten werden nicht gespeichert; Download per Blob (auch im Desktop-Client) Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
31 lines
919 B
TypeScript
31 lines
919 B
TypeScript
'use client';
|
|
|
|
interface TabBarProps<T extends string> {
|
|
tabs: { id: T; label: string }[];
|
|
active: T;
|
|
onChange: (id: T) => void;
|
|
}
|
|
|
|
/** Reiterleiste der Finanzbuchhaltungs-Module — Muster Zertifikat-Manager. */
|
|
export function TabBar<T extends string>({ tabs, active, onChange }: TabBarProps<T>) {
|
|
return (
|
|
<nav className="flex gap-6 overflow-x-auto border-b border-border">
|
|
{tabs.map((tab) => (
|
|
<button
|
|
key={tab.id}
|
|
type="button"
|
|
onClick={() => onChange(tab.id)}
|
|
aria-current={active === tab.id ? 'page' : undefined}
|
|
className={`pb-2 text-sm font-medium transition-colors ${
|
|
active === tab.id
|
|
? 'border-b-2 border-primary-strong font-semibold text-foreground'
|
|
: 'text-muted-foreground hover:text-foreground'
|
|
}`}
|
|
>
|
|
{tab.label}
|
|
</button>
|
|
))}
|
|
</nav>
|
|
);
|
|
}
|