// @design-system: domain/ClubBadge

import { Pill } from '@/components/ui/primitives/Pill';
import { useT } from '@/lib/i18n/react';

/** Props for ClubBadge */
export interface ClubBadgeProps {
  /** Whether the user is a club member. */
  isMember: boolean;
  /** Additional class names. */
  className?: string;
}

/**
 * ClubBadge - shows a club membership badge (green = member, gray = not yet a member).
 *
 * @example
 * ```tsx
 * <ClubBadge isMember={true} />
 * <ClubBadge isMember={false} />
 * ```
 */
export function ClubBadge({ isMember, className }: ClubBadgeProps) {
  const t = useT('domain_club');

  return (
    <Pill tone={isMember ? 'success' : 'neutral'} size="sm" className={className}>
      {isMember ? t('member_badge') : t('not_member_badge')}
    </Pill>
  );
}