<div class="px-4 py-6 md:px-6 mx-auto max-w-5xl">
    <div class="flex w-full flex-col items-center text-center rounded-ui border border-border px-6 py-8 sm:py-12">
        <div class="size-12 ui-subtle ui-subtle-gray d-flex-place-center rounded-ui">
            <span aria-hidden="true" class="size-5 iconify ph--user"></span>
        </div>
        <h2 class="text-fg-title text-lg font-semibold md:text-xl mt-4">
            No User found
        </h2>
        <p class="text-fg-muted text-sm mt-3">
            You haven't created any data right now
        </p>
        <div class="flex justify-center mt-7">
            <x-ui.button size="sm">
                <span aria-hidden="true" class="iconify ph--plus size-3.5 mr-1.5"></span>
                Create new User
            </x-ui.button>
        </div>
    </div>
</div>