+ {steps.slice(0, mounted ? displayedSteps : steps.length).map((step, i) => (
+
+
0 ? ' cp-prompt--next' : ''}`}>
+ >
+ {step.command}
+
+ {highlightedResponses[i] && (
+
+ {highlightedResponses[i]}
+
+ )}
+
+ ))}
+
+ {mounted && currentStepIdx < steps.length && (
+
+
0 ? ' cp-prompt--next' : ''}`}>
+ >
+
+ {typedCommand}
+ {phase === 'typing-command' && }
+
+
+ {showCurrentResponse && highlightedResponses[currentStepIdx] && (
+
+ {highlightedResponses[currentStepIdx]}
+
+ )}
+
+ )}
+
+ {showClearPrompt && (
+
+ >
+
+ {typedClear}
+ {phase === 'typing-clear' && }
+
+
+ )}
+