import { Card, SectionTitle } from './VendorDetail.shared';

interface VendorDetailClubSectionProps {
  clubMemberCount: number;
  t: (key: string) => string;
}

export function VendorDetailClubSection({ clubMemberCount, t }: VendorDetailClubSectionProps) {
  return (
    <div>
      <SectionTitle>{t('section_club')}</SectionTitle>
      <Card>
        <div className="py-2 text-center">
          <p className="text-text-primary text-3xl font-bold">{clubMemberCount}</p>
          <p className="text-text-secondary mt-1 text-sm">{t('club_member_count')}</p>
        </div>
      </Card>
    </div>
  );
}