<div class="col-span-full 2xl:col-span-5 card">
    <div class="flex-center-between">
        <h6 class="card-title"> {{ translate('Learn activity') }} </h6>
        <div class="leading-none shrink-0 text-xs text-gray-900 dk-border-one rounded-full px-2 py-1">
            {{ translate('30') }} {{ translate('Days') }}</div>
    </div>
    <div id="learn-activity-chart" class="min-h-80"></div>
</div>
