Default Component - Copy this React, Tailwind Component to your project

{ checkSent ? (<div className=" flex flex-row justify-between mt-4"> <div> Thank you your support </div> <CheckOutlinedIcon sx={{ color: 'green' }} /> </div>) : ( <> <label className="block text-sm font-medium text-gray-700 mb-3"> Nếu bạn cần tư vấn thì điền form? </label> <form onSubmit={handleInputAdvisory} className="flex flex-row items-center gap-2 mt-4"> <input type="text" value={inputAdvisory} onChange={(e) => setInputAdvisory(e.target.value)} id="advisory" name="advisory" className="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-teal-500 focus:ring-2 focus:ring-teal-200 outline-none transition-all" placeholder="Bạn cần hỗ trợ gì?" /> <button type="submit" className="bg-teal-500 text-white px-4 py-3 rounded-xl hover:bg-teal-600 transition-all" > Gửi </button> </form> </> ) }