import React from "react";

/**
 * SidebarPlaceholder
 *
 * Reserved sidebar area for future navigation/filter UI.
 *
 * UX rule:
 * - All user-facing text must be German.
 */
export default function SidebarPlaceholder() {
	return (
		<div className="rounded-lg border bg-card p-4 text-card-foreground shadow-sm">
			<div className="space-y-3">
				<div>
					<p className="text-sm font-medium">Seitenleiste</p>
					<p className="text-xs text-muted-foreground">
						Navigation und Filter werden hier später angezeigt.
					</p>
				</div>

				<ul className="space-y-1 text-xs text-muted-foreground">
					<li>• Niederlassung (Label oder Auswahl)</li>
					<li>• Explorer-Navigation (Jahr/Monat/Tag)</li>
					<li>• Suchfilter (Archiv, Zeitraum, …)</li>
					<li>• Schnellzugriffe (Zuletzt geöffnet, Favoriten)</li>
				</ul>
			</div>
		</div>
	);
}
