+ {markdownContent ? (
+
+
+
+ ) : null}
+
+ {detailItems.length > 0 ? (
+
+ {detailTitle ?
{detailTitle} : null}
+
+ {detailItems.join(', ')}
+
+
+ ) : null}
+
+ {checklist.length > 0 ? (
+
+ {checklist.map((item, index) => (
+ {
+ const next = [...checkedItems];
+ next[index] = event.target.checked;
+ setCheckedItems(next);
+ }}
+ >
+ {item}
+
+ ))}
+
+ ) : null}
+
+ {requiredText ? (
+
+ {inputPrompt ?
{inputPrompt} : null}
+
+ {requiredText}
+
+
event.preventDefault()}
+ onCut={(event) => event.preventDefault()}
+ onPaste={(event) => event.preventDefault()}
+ onDrop={(event) => event.preventDefault()}
+ />
+ {!typedMatched && typedText ? (
+
+ {mismatchText}
+
+ ) : null}
+
+ ) : null}
+
+