<!-- BEGIN: Top Filter -->
<li class="active email-categorie-list" data-status="all">
    <label>
        <span class="flex-1 flex space-x-2 rtl:space-x-reverse">
            <span class="text-xl leading-[1]">
                <iconify-icon icon="uil:image-v"></iconify-icon>
            </span>
            <span class="capitalize text-sm">
                Inbox
            </span>
        </span>
    </label>
</li>
<li class="email-categorie-list" data-status="stared">
    <label>
        <span class="flex-1 flex space-x-2 rtl:space-x-reverse">
            <span class="text-xl">
                <iconify-icon icon=heroicons:star></iconify-icon>
            </span>
            <span class="capitalize text-sm">
                Stared
            </span>
        </span>
    </label>
</li>
<li class="email-categorie-list" data-status="done">
    <label>
        <span class="flex-1 flex space-x-2 rtl:space-x-reverse">
            <span class="text-xl">
                <iconify-icon icon=heroicons:document-check></iconify-icon>
            </span>
            <span class="capitalize text-sm">
                Completed
            </span>
        </span>
    </label>
</li>
<li class="email-categorie-list" data-status="trash">
    <label>
        <span class="flex-1 flex space-x-2 rtl:space-x-reverse">
            <span class="text-xl">
                <iconify-icon icon=heroicons:trash></iconify-icon>
            </span>
            <span class="capitalize text-sm">
                Trash
            </span>
        </span>
    </label>
</li>
<!-- END: Top Filter -->
