Statistik Dashboard

<div class="bg-white overflow-hidden shadow rounded-lg border border-gray-200 w-full max-w-sm">
    <div class="p-5">
        <div class="flex items-center">
            <div class="flex-shrink-0 bg-brand-dark rounded-md p-3">
                <svg class="h-6 w-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path>
                </svg>
            </div>
            <div class="ml-5 w-0 flex-1">
                <dl>
                    <dt class="text-sm font-medium text-gray-500 truncate">Total Karyawan</dt>
                    <dd class="flex items-baseline">
                        <div class="text-2xl font-semibold text-gray-900">1,240</div>
                        <div class="ml-2 flex items-baseline text-sm font-semibold text-brand-light">
                            <svg class="self-center flex-shrink-0 h-4 w-4 text-brand-light" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z" clip-rule="evenodd"></path>
                            </svg>
                            <span class="sr-only">Naik</span>
                            12%
                        </div>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
</div>