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

export-default-function-UserProfileDetails({candidate})-{-return-(-<div-className="bg-white">-<div-className="p-4">-<h2-className="text-2xl-font-medium">{candidate?.name}</h2>-<p-className="text-sm-text-gray-500">{candidate?.email}</p>-<p-className="text-sm-text-gray-500">{candidate?.mobile}</p>-</div>-<div-className="p-4-border-t-border-b-border-gray-200">-<h2-className="text-xl-font-medium">About</h2>-<p-className="text-sm-text-gray-500">{candidate?.about}</p>-</div>-</div>-);-}-update-profile-details-in-model