Sample Input (You can edit this!)

<button style="margin-top:5px" on:click={resetInput} type="button">Reset Input</button>
        </div>
        <div style="flex:1">
            <div style="display:flex">
                <h3 style="margin-right:5px">Output</h3>
                {#if running}
                    <span class="loader"></span>
                {/if}
            </div>
            <textarea bind:this={outputText} disabled />
            {#if !running}
                <button style="margin-top:5px" on:click={onRun} type="button">Run</button>
            {:else}
                <button style="margin-top:5px" on:click={onKill} type="button">Stop</button>
            {/if}
        </div>
    </div>
    <button on:click={onSubmit} type="button">Submit</button>
{/if}

.tab-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        height: 30px;
        margin-bottom: 10px;
    }

.tab {
        flex: 1;
        border: none;
        cursor: pointer;
        text-align: center;
    }

.tab.active {
        background-color: rgb(95, 103, 118);
    }

.loader {
        width: 16px;
        height: 16px;
        border: 3px solid #FFF;
        border-bottom-color: transparent;
        border-radius: 50%;
        display: inline-block;
        box-sizing: border-box;
        animation: rotation 1s linear infinite;
    }

@keyframes rotation {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    } 
</style>

Test & Submit Problems

{activeProblem.name}

Sample Input (You can edit this!)