+ {lines.map((line, index) => {
+ // Handle empty lines
+ if (!line.trim()) {
+ return
;
+ }
+
+ // Handle key-value pairs
+ if (line.includes(':')) {
+ const [key, ...valueParts] = line.split(':');
+ const value = valueParts.join(':').trim();
+
+ if (value) {
+ const isBoolean = value === 'true' || value === 'false';
+ return (
+
+ {key}:
+
+ {value}
+
+
+ );
+ }
+
+ return (
+
+ {key}:
+
+ );
+ }
+
+ // Handle list items
+ if (line.includes('-')) {
+ const dashIndex = line.indexOf('-');
+ const indent = line.slice(0, dashIndex);
+ const content = line.slice(dashIndex);
+
+ return (
+
+ {indent}
+ {content}
+
+ );
+ }
+
+ // Handle regular lines
+ return (
+
+ {line}
+
+ );
+ })}
+