<script>
  import { _ } from "svelte-i18n";

  export let href = "#"
  export let title = "";
  export let value = "";
</script>

<a href={href}>
  <div
    class="p-4 rounded-lg bg-white border border-grey-100">
    <div class="flex flex-row items-center justify-between">
      <div class="flex flex-col">
        <div class="text-xs uppercase font-light text-grey-500">
          {title}
        </div>
        <div class="text-xl font-bold">{value}</div>
      </div>
      <slot></slot>
    </div>
  </div>
</a>
