<script>
  import { _ } from "svelte-i18n";
  import cards_empty from "./cards.svg";
</script>

<div class="text-center items-center justify-center">
  <p class="mb-16 text-lg text-gray-500">
    <img class="m-auto mt-2" style="height:15rem" src={cards_empty} alt="" />
    <span class="font-bold">{$_("there-are-no-cards-yet")}</span><br />
    <span>{$_("add-your-first-card")}</span>
  </p>
</div>
