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

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

<a {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-normal text-grey-500">
          {title}
        </div>
        <div class="text-xl font-bold font-mono">{value}</div>
      </div>
      <slot />
    </div>
  </div>
</a>
