import React from "react";

/**
 * UserStatus
 *
 * RHL-019:
 * - Placeholder only.
 *
 * Later:
 * - This component will read session state (via apiClient.getMe()) and display:
 *   - username or userId
 *   - role
 *   - branchId (for branch users)
 *
 * Test/runtime note:
 * - See AppShell.jsx for details why we import React explicitly.
 */
export default function UserStatus() {
	return (
		<div className="hidden items-center gap-2 md:flex">
			<span className="text-xs text-muted-foreground">User:</span>
			<span className="text-xs">Not loaded</span>
		</div>
	);
}