0b37c5e692
Website (14 monoliths split): - compliance/page.tsx (1,519 → 9), docs/audit (1,262 → 20) - quality (1,231 → 16), alerts (1,203 → 10), docs (1,202 → 11) - i18n.ts (1,173 → 8 language files) - unity-bridge (1,094 → 12), backlog (1,087 → 6) - training (1,066 → 8), rag (1,063 → 8) - Deleted index_original.ts (4,899 LOC dead backup) Studio-v2 (5 monoliths split): - meet/page.tsx (1,481 → 9), messages (1,166 → 9) - AlertsB2BContext.tsx (1,165 → 5 modules) - alerts-b2b/page.tsx (1,019 → 6), korrektur/archiv (1,001 → 6) All existing imports preserved. Zero new TypeScript errors. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
34 lines
1.0 KiB
TypeScript
34 lines
1.0 KiB
TypeScript
/**
|
|
* Reusable table component for the audit documentation.
|
|
* Renders a striped HTML table with headers and rows.
|
|
*/
|
|
|
|
export function Table({ headers, rows }: { headers: string[]; rows: string[][] }) {
|
|
return (
|
|
<div className="overflow-x-auto my-4">
|
|
<table className="min-w-full border-collapse border border-slate-300">
|
|
<thead>
|
|
<tr className="bg-slate-100">
|
|
{headers.map((header, i) => (
|
|
<th key={i} className="border border-slate-300 px-4 py-2 text-left text-sm font-semibold text-slate-700">
|
|
{header}
|
|
</th>
|
|
))}
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{rows.map((row, i) => (
|
|
<tr key={i} className={i % 2 === 0 ? 'bg-white' : 'bg-slate-50'}>
|
|
{row.map((cell, j) => (
|
|
<td key={j} className="border border-slate-300 px-4 py-2 text-sm text-slate-600">
|
|
{cell}
|
|
</td>
|
|
))}
|
|
</tr>
|
|
))}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
)
|
|
}
|