@props([
'title',
'color',
])
<div class="card z-index-2 shadow-secondary">
    <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2 bg-transparent">
        <div class="bg-gradient-{{$color}} shadow-{{$color}} py-3 pe-1 my-chart">
            <div class="chart">
                <canvas id="chart-bars{{$title}}" class="chart-canvas" height="170"></canvas>
            </div>
        </div>
    </div>
    <div class="card-body">
        <hr class="dark horizontal">
        <h6 class="mb-0 ">{{__("auth.$title")}}</h6>
    </div>
</div>