<script lang="ts">
  let firstTabActive = true;
</script>

<div class="p-8 border rounded-t-lg rounded-br-lg mt-8">
  {#if firstTabActive}
    <slot name="1"></slot>
  {:else}
    <slot name="2"></slot>
  {/if}
</div>

<button
  on:click={() => firstTabActive = !firstTabActive}
  class="p-4 border rounded-b-lg bg-slate-800 hover:bg-slate-700"
>
  Сменить таб
</button>
