import React from "react";
import { useAuth } from "../../context/Auth";

function GraduateDetailsCard({ user }: any) {
  return (
    <>
      <div className="block  p-6 bg-white border border-gray-200 rounded-lg shadow-md w-full">
        <h5
          className="mb-2 text-xl  tracking-tight  underline"
          style={{ color: "#e51937" }}
        >
          Graduate Details
        </h5>
        <p className="font-normal text-gray-700 ">
          Full Name: <i className="font-bold"> {user.full_name}</i>
        </p>

        <p className="font-normal text-gray-700 ">
          Student ID: <i className="font-bold"> {user.student_id}</i>
        </p>
        <p className="font-normal text-gray-700 ">
          Telephone:
          <i className="font-bold"> {user.mobile}</i>
        </p>
        <p className="font-normal text-gray-700 ">
          Email:
          <i className="font-bold"> {user.email}</i>
        </p>
      </div>
    </>
  );
}

export default GraduateDetailsCard;