Default Table Header

                                        <section class="py-24">
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
        <div class="p-4 flex sm:flex-row flex-col gap-5 sm:items-center bg-white rounded-2xl">
            <h5 class="w-full text-gray-900 text-base font-semibold leading-7">Pagedone Employees Status</h5>
            <div class="w-[200px] flex-col justify-start items-start inline-flex">
                <div class="px-2.5 py-1.5 rounded-lg shadow-[0px_1px_2px_0px_rgba(16,_24,_40,_0.05)] border border-gray-300 justify-start items-center gap-2 inline-flex">
                    <div class="pl-0.5 py-px justify-start items-center gap-1 flex">
                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
                            <path d="M12.25 12.25L10.7917 10.7917M11.0833 6.41667C11.0833 3.83934 8.994 1.75 6.41667 1.75C3.83934 1.75 1.75 3.83934 1.75 6.41667C1.75 8.994 3.83934 11.0833 6.41667 11.0833C7.70036 11.0833 8.86299 10.565 9.7067 9.72627C10.557 8.88101 11.0833 7.71031 11.0833 6.41667Z" stroke="#111827" stroke-linecap="round"></path>
                        </svg>
                        <input type="text" class="placeholder-gray-400 text-gray-900 text-xs font-normal leading-4 focus:outline-none" placeholder="Search here">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>