JSFiddle - React, Tailwind, and code Playground

by Uday Hiwarale

HTML

<svg xmlns="http://www.w3.org/2000/svg" width="982" height="715" viewBox="0, 0, 982, 715">
            <clipPath id="clipPath">
                <rect x="0" y="0" width="982" height="715" rx="5" ry="5" />
            </clipPath>
            
            <g clip-path="url(#clipPath)">
                <!-- header -->
                
        <svg x="0" y="0" width="982" height="30"  font-family="monospace" font-size="14">
            <rect x="0" y="0" width="982" height="30" fill="#E0E0E0" />
            <g>
                <circle cx="25" cy="15" r="7" fill="#FF605F" />
                <circle cx="50" cy="15" r="7" fill="#FCBC42" />
                <circle cx="75" cy="15" r="7" fill="#0ACA4E" />
            </g>
            
            <text x="50%" y="19" fill="#666666" font-weight="bold" text-anchor="middle">Dart Sets Data Structure</text>
        </svg>
    

                <!-- body -->
                <svg x="0" y="30" width="982" height="537"  font-family="monospace" font-size="14"><g fill="#9ba2b2"><rect x="0" y="0" width="982.55" height="537.45" fill="#1e2027"/><text x="36.8" y="34.55" fill="#585f6d">  1 : </text><text x="70.41" y="34.55" fill="#585f6d">/**</text><text x="36.8" y="53.55" fill="#585f6d">  2 : </text><text x="78.81" y="53.55" fill="#585f6d"> * A set is like a List data structure but it can only contain unique values.</text><text x="36.8" y="72.55" fill="#585f6d">  3 : </text><text x="78.81" y="72.55" fill="#585f6d"> * A set can be created with {} literal syntax or using &#x60;Set&#x60; class.</text><text x="36.8" y="91.55" fill="#585f6d">  4 : </text><text x="78.81" y="91.55" fill="#585f6d"> */</text><text x="36.8" y="110.55" fill="#585f6d">  5 : </text><text x="70.41" y="110.55" fill="#5ab977">void</text><text x="112.42" y="110.55"> main() {</text><text x="36.8" y="129.55" fill="#585f6d">  6 : </text><text x="36.8" y="148.55" fill="#585f6d">  7 : </text><text x="87.21" y="148.55" fill="#585f6d">// creating an empty set</text><text x="36.8"...