<span
    th:fragment="curr-pill (currRate)"
    class="badge d-inline-flex align-items-center gap-1 p-2"
    style="min-width: 100px;"
    th:classappend="
        ${currRate.change} == 'UP'
            ? ' border border-success text-success'
            : ' border border-danger text-danger'
    "
>

    <span
        class="material-icons bg-gray"
        th:text="${currRate.change} == 'UP' ? 'trending_up' : 'trending_down'">
    </span>

    <span class="fw-semibold text-dark" th:text="${currRate.ISO}"></span>

    <span th:text="${currRate.value}"></span>
</span>
