import React from "react";

/**
 * SidebarPlaceholder
 *
 * Why we reserve a sidebar area even for branch users:
 * - Admin/dev will later need a branch selector.
 * - Branch users can still benefit from navigation and filters:
 *   - quick jump (year/month/day)
 *   - search filters (archive toggle, date range)
 *   - recent/favorites
 *
 * RHL-019:
 * - Placeholder only (no logic yet).
 *
 * Test/runtime note:
 * - See AppShell.jsx for details why we import React explicitly.
 */
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">Sidebar</p>
					<p className="text-xs text-muted-foreground">
						Navigation & filters will live here.
					</p>
				</div>

				<ul className="space-y-1 text-xs text-muted-foreground">
					<li>• Branch context (label or selector)</li>
					<li>• Explorer navigation (year/month/day)</li>
					<li>• Search filters (archive, date range, ...)</li>
					<li>• Shortcuts (recent, favorites)</li>
				</ul>
			</div>
		</div>
	);
}