import { IonIcon } from '@ionic/react';
import { woman } from 'ionicons/icons';
import React from 'react';

export function NumOfFemaleMemberJoin({ joinMembers }) {
  return (
    <>
      <IonIcon icon={woman} style={{ fontSize: '1.1rem', color: 'rgb(235, 50, 35)' }}></IonIcon>
      <div>{joinMembers.filter((jm) => jm.sex == 'F').length}</div>
    </>
  );
}