@props(['ty' => null, 'c' => [], 'href' => '#'])
<a class="type-card" href="{{ $href }}">
    <div class="type-card-head"><x-type-badge :type="$ty" /><span class="pct">{{ $c['percent_complete'] ?? 0 }}%</span></div>
    <div class="bar"><span class="seg done" style="width: {{ $c['percent_complete'] ?? 0 }}%"></span></div>
    <div class="muted">{{ $c['done'] ?? 0 }}/{{ $c['total'] ?? 0 }} done</div>
</a>