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 class="inputOutputArea" bind:value={outputValue} readonly />
			{#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;
	}

.inputOutputArea {
		font-family: monospace;
	}

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

Test & Submit Problems

{problemData[activeProblemIndex].name}

Sample Input (You can edit this!)