'use strict';

const MemberCard = (function () {
    function MemberCard(container, member) {
        BaseComponent.call(this, container);
        this.member = member;
    }

    MemberCard.prototype = Object.create(BaseComponent.prototype);
    MemberCard.prototype.constructor = MemberCard;

    MemberCard.prototype.render = function () {
        return `
      <div class="neu-card">
        <div class="neu-card-header">
          <h3>${this.member.name}</h3>
        </div>
        <div class="neu-card-body">
          <p class="member-rank">${this.member.rank || 'Member'}</p>
          <p class="member-status ${this.member.online ? 'online' : 'offline'}">
            ${this.member.online ? 'Online' : 'Offline'}
          </p>
        </div>
      </div>
    `;
    };

    return MemberCard;
})();
