<?php
$icon  = isset($icon) && is_string($icon) ? $icon : 'fa-inbox';
$title = isset($title) && is_string($title) ? $title : 'Tidak ada data';
$hint  = isset($hint) && is_string($hint) ? $hint : '';
?>
<div class="flex flex-col items-center justify-center rounded-2xl border border-dashed border-gray-200 bg-gray-50 px-6 py-12 text-center">
    <span class="flex h-14 w-14 items-center justify-center rounded-full bg-white text-2xl text-gray-400 shadow-sm ring-1 ring-gray-100">
        <i class="fa-solid <?= esc($icon) ?>"></i>
    </span>
    <p class="mt-4 text-sm font-semibold text-gray-900"><?= esc($title) ?></p>
    <?php if ($hint !== '') : ?>
        <p class="mt-2 max-w-md text-sm text-gray-500"><?= esc($hint) ?></p>
    <?php endif ?>
</div>
