<div class="ccard h-100 d-flex flex-column px-2 py-3">
    <div class="d-flex text-center">
        <div class="flex-grow-1 mb-3">
            <div class="text-nowrap lh text-100 text-dark-l2">
                {{ header | translate }}
            </div>


            <div class="lh">

                <span class="text-170 text-secondary-d4">
                    {{ value?.value |  number:'1.0':'en-US' }}
                </span>
                <small>min</small>
            </div>
        </div>
    </div>


    <div class="align-self-center">
        <xdf-peity #peti [values]="value?.history" [type]="'line'" theme="primary" [attributes]='options'></xdf-peity>
    </div>

</div>