(lines: ThemedToken[][])
| 54 | } |
| 55 | |
| 56 | const addKeysToTokens = (lines: ThemedToken[][]): KeyedLine[] => |
| 57 | lines.map((line, lineIdx) => ({ |
| 58 | key: `line-${lineIdx}`, |
| 59 | tokens: line.map((token, tokenIdx) => ({ |
| 60 | key: `line-${lineIdx}-${tokenIdx}`, |
| 61 | token, |
| 62 | })), |
| 63 | })); |
| 64 | |
| 65 | // Token rendering component |
| 66 | const TokenSpan = ({ token }: { token: ThemedToken }) => ( |