| 1 | <%# locals: label, value, sub (optional), accent (optional tailwind text color) %> |
| 2 | <div class="rounded-lg border border-surface-600 bg-surface-800 px-4 py-4"> |
| 3 | <p class="text-xs uppercase tracking-wide text-gray-500"><%= label %></p> |
| 4 | <p class="mt-1 text-2xl font-semibold <%= local_assigns.fetch(:accent, "text-gray-100") %>"><%= value %></p> |
| 5 | <% if local_assigns[:sub].present? %> |
| 6 | <p class="mt-0.5 text-xs text-gray-500"><%= sub %></p> |
| 7 | <% end %> |
| 8 | </div> |