import React from 'react'

function PastDueTaskAction() {
  return (
    <div className='job-action'>

        <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400 worker-pastdue">
            <tbody>
            <tr className=" border-b dark:border-[#5356fb29]  hover:bg-gray-50">
                <td>
                    <div className="flex space-x-2 items-center w-full">
                        <div className="flex flex-col flex-[0.9]">
                            <h1 className="font-bold text-xl text-dark-gray dark:text-white">
                                You have missed the allocated time
                            </h1>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div className="flex justify-center items-center">
                        <button type="button" className="w-120 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
                            Request Extension
                        </button>
                    </div>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
  )
}

export default PastDueTaskAction