+ {/* Navigation tabs */}
+
+ {components.map((comp, index) => (
+
+ ))}
+
+
+ {/* Current component */}
+
+ {renderComponent(
+ components[currentComponent],
+ handleComponentComplete
+ )}
+
+
+ );
+};
+
+function renderComponent(component, onComplete) {
+ switch(component.type) {
+ case 'story_game':
+ return (
+