+ + {step.num} + | + {step.name} + + + {'bodyHtml' in step && step.bodyHtml !== undefined && ( + + + + )} + + {'bodyHtmls' in step && + step.bodyHtmls !== undefined && + step.bodyHtmls.map((html) => ( + + + + ))} + + {'list' in step && step.list !== undefined && ( + + {step.list.map((item) => ( + {item} + ))} + + )} + + {'afterListHtml' in step && step.afterListHtml !== undefined && ( + + + + )} + + {step.tip?.text && ( + + + + {tp.tipBell} + + {tp.tipLabel} + {step.tip.text} + + + )} +