<script>
  export let label;
  export let value;
  export let note;
</script>

<article class="rounded-2xl border border-slate-200 bg-white p-4 shadow-sm">
  <div class="text-xs font-bold uppercase tracking-wide text-slate-500">{label}</div>
  <div class="mt-3 text-2xl font-black tracking-tight text-slate-900">{value}</div>
  <div class="mt-1 text-sm text-slate-500">{note}</div>
</article>
