@props(['info', 'title'])
<div class="card">
    <div class="card-body">
        <div class="d-flex align-items-center justify-content-between">
            <div>
                <h3>{{ $info }}</h3>
                <span class="text-muted fw-semibold">{{ $title }}</span>
            </div>
        </div>
        <div class="mt-4" id="monthly-revenue" style="max-width: 250px;"></div>
    </div>
</div>