// src/components/MemberBadge.js
import React from 'react';
import { Badge } from './ui/badge';
import { getTierForMember } from '../utils/member-tiers';
import { MEMBER_TIER_ICONS } from '../config/memberTierIcons';

const MemberBadge = ({ memberSince, tiers }) => {
  const tier = getTierForMember(memberSince, tiers);
  const Icon = MEMBER_TIER_ICONS[tier.icon] || MEMBER_TIER_ICONS.FaUser;

  return (
    <Badge className={`px-3 py-1 rounded-md text-sm flex items-center gap-2 ${tier.badgeClass}`}>
      <Icon className="h-4 w-4" />
      {tier.label}
    </Badge>
  );
};

export default MemberBadge;