CourseComplexity without destructuring

CourseComplexity.js

const CourseComplexity = function ( props ) {
  const studentTypeClass = ["badge", "badge-pill"];

  if (courseComplexityType === "Beginner")
    studentTypeClass.push("badge-primary");
  else if (courseComplexityType === "Intermediate")
    studentTypeClass.push(" badge-warning");

  return (
    <span className={studentTypeClass.join(" ")}>{ props.courseComplexityType }</span>
  );
};