import React from 'react';

export interface IMemberBadge {
  level: string;
  className?: string;
  [x: string]: any;
}

export const MemberBadge: React.FC<IMemberBadge> = (props: IMemberBadge) => {
  const { level, className, ...otherProps } = props;
  let badgeClass = 'b-badge-secondary';
  let memberLevel = '';
  if (!level) return null;
  switch (level.toLowerCase()) {
    case 'one2one':
    case 'one2one coaching':
      badgeClass = 'b-badge-one2one';
      memberLevel = 'One2One';
      break;
    case 'group':
    case 'group coaching':
      badgeClass = 'b-badge-group';
      memberLevel = 'Group';
      break;
    case 'pro':
    case 'rmpro':
    case 'referral maker pro':
      badgeClass = 'b-badge-pro';
      memberLevel = 'PRO';
      break;
    case 'crm':
    case 'rmcrm':
      badgeClass = 'b-badge-crm';
      memberLevel = 'CRM';
      break;
    case 'team':
    case 'team coaching':
    case 'team leader':
    case 'Leadership':
    case 'leadership':
      badgeClass = 'b-badge-team';
      memberLevel = 'Leadership';
      break;
    case "rmcore":
      badgeClass = "b-badge-core";
      memberLevel = "Core";
      break;
  }
  if (level) {
    return (
      <span className={`b-badge ${badgeClass} ${className}`} {...otherProps}>
        {memberLevel}
      </span>
    );
  } else {
    return null;
  }
};