<script>
  import { _ } from "svelte-i18n";
  import AddTeamModal from "./AddTeamModal.svelte";
  let modal_open = false;
  let current_teams = [];
</script>

<div class="text-center items-center justify-center">
  <p class="mb-16 text-lg text-gray-500">
    <span class="font-bold">There are no teams added yet.</span><br />
    <span>Add your first team</span>
  </p>
</div>

<AddTeamModal bind:modal_open bind:current_teams />
