<script>
  import Table from "./Table.svelte"

  export let query = {}
  export let data = []

  let loading = false
  let error = false
</script>

{#if error}
  <div class="errors">{error}</div>
{/if}
<Table schema={query.schema} {data} {loading} rowCount={5} />

<style>
  .errors {
    color: var(--red);
    background: var(--red-light);
    padding: var(--spacing-m);
    border-radius: var(--border-radius-m);
    margin-bottom: var(--spacing-m);
  }
</style>
