<script>
  import Left from './Left.svelte';
  import Right from './Right.svelte';

  export let data; // from props
</script>

{#if !data}
  <p>AreEqual data is null</p>
{:else if data.length === 0}
  <p>AreEqual data is empty</p>
{:else}
  {#each data as segment}
    AreEqual:
    <Left data={segment.Left} />
    <Right data={segment.Right} />
  {/each}
{/if}