|
|
@ -24,16 +24,18 @@ export const TextOutput = () => {
|
|
|
|
const isSentenceStart = sentences.includes(wordBeginning)
|
|
|
|
const isSentenceStart = sentences.includes(wordBeginning)
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<span
|
|
|
|
<>
|
|
|
|
key={idx}
|
|
|
|
|
|
|
|
className={classNames({
|
|
|
|
|
|
|
|
[styles.current]: isCurrent,
|
|
|
|
|
|
|
|
[styles.sentenceBeginning]: isSentenceStart
|
|
|
|
|
|
|
|
})}
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
{isWordStart && ' '}
|
|
|
|
{isWordStart && ' '}
|
|
|
|
{segment}
|
|
|
|
<span
|
|
|
|
</span>
|
|
|
|
key={idx}
|
|
|
|
|
|
|
|
className={classNames({
|
|
|
|
|
|
|
|
[styles.current]: isCurrent,
|
|
|
|
|
|
|
|
[styles.sentenceBeginning]: isSentenceStart
|
|
|
|
|
|
|
|
})}
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
{segment}
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
</>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
})}
|
|
|
|
})}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|