<script>
import Api from "./Api.svelte";
import Constructor from "./Constructor.svelte";
let checked = false;
</script>
<input type="checkbox" bind:checked>
<span class:highlight={checked}>API</span>
<span>/</span>
<span class:highlight={!checked}>Constructor</span>
<div>
{#if checked}
<Api></Api>
{:else}
<Constructor></Constructor>
{/if}
</div>
<style>
div {
width: 400px;
height: 600px;
}
span {
padding: 10px 3px;
}
.highlight {
background: blue;
color: white;
}
</style>