"use client";

interface Props {
  user: any;
}

export default function ProfileCard({ user }: Props) {
  return (
    <div className="card shadow border-0">

      <div className="card-body">

        <h3 className="mb-4">
          My Profile
        </h3>

        <table className="table">

          <tbody>

            <tr>
              <th>ID</th>
              <td>{user.id}</td>
            </tr>

            <tr>
              <th>Name</th>
              <td>{user.name}</td>
            </tr>

            <tr>
              <th>Email</th>
              <td>{user.email}</td>
            </tr>

            <tr>
              <th>Mobile</th>
              <td>{user.contactNo}</td>
            </tr>

            <tr>
              <th>Email Verified</th>
              <td>
                {user.emailVerified ? "Yes" : "No"}
              </td>
            </tr>

            <tr>
              <th>Mobile Verified</th>
              <td>
                {user.mobileVerified ? "Yes" : "No"}
              </td>
            </tr>

          </tbody>

        </table>

      </div>

    </div>
  );
}