<script lang="ts">
  import { i18n } from "../i18n";
  import { selected } from "./EntitySelect.svelte";
  import EntityList from "./widgets/EntityList.svelte";
</script>

<div class="view">
  <h1>{$i18n.t("Selected entities")}</h1>
  <EntityList entities={$selected} />
</div>

<style lang="scss">
  .view {
    background: var(--background-lighter);
    color: var(--foreground-lighter);
    border: 1px solid var(--foreground-lightest);
    border-radius: 0.5em;
    padding: 1rem;
  }
</style>
