JSFiddle - React, Tailwind, and code Playground

by Uday Hiwarale

HTML

<svg viewBox="0, 0, 1120.58, 263.45">
            <rect x="0" y="0" width="1120.58" height="1" fill="#E0E0E0" />
            <rect x="0" y="0" width="1120.58" height="263.45" fill="#1A1B23" />
            
            <g>
                <!-- head -->
                <g font-family="monospace" font-size="14">
                    <rect x="0" y="1" width="1120.58" height="30" fill="#22232D" />
                    <text x="20" y="19" fill="#FFFFFF">TERMINAL</text>
                    <rect x="15" y="24" width="80" height="1" fill="#666" />
                </g>
            
                <!-- result svg -->
                <svg x="30" y="31" width="540.88" height="232.45"  font-family="monospace" font-size="14"><g fill="#FAFAFA"><rect x="0" y="0" width="540.88" height="232.45" fill="transparent"/><text x="10" y="43.55" fill="#32CD32">$ &#x27A4; </text><text x="52.01" y="43.55" font-weight="bold">dart /Users/Uday.Hiwarale/uday-gh/catage/test/code.dart</text><text x="10" y="81.55">Employee e : Ross Geller, salary: 1000</text><text x="10" y="100.55">Student s : RACHEL GREEN, salary: 83.6%</text><text x="1
0" y="119.55">Person p : Joey Tribbiani</text><text x="10" y="138.55">Job is done!</text><text x="10" y="157.55">result in then_3: Hello from the future: then_1: then_2</text><text x="10" y="176.55">Error: FormatException: Something went wrong in then 
method 3.</text></g></svg>
            </g>
        </svg>