import TeamCard from '../Ui/TeamCard';
import { useGetTeamMember } from '../../api/TeamMember';

const OurTeam = () => {
    const {t} = useTranslation();
    const {data} = useGetTeamMember();
    
  return (
    <div className='our_team'>
        <h1>{t("Documents")}</h1>
        <h2>{t("Quality Certificates")}</h2>
        
        <div className='our_team_cards'>
          {data?.data.map((member:any)=>(
            <TeamCard
                name={member.name}
                position={member.position}
                image={member.image}
            />
          ))}
        </div>
    </div>
  )
}

export default OurTeam