import React from 'react';
import {StyleSheet} from 'react-native';
import {ScrollView} from 'react-native-gesture-handler';
import {useSelector} from 'react-redux';
import {RootState} from '../../store/rootReducer';
import {ScreenType} from '../../types';

interface ProfileBadgesProps {
  userXId: string | undefined;
  screenType: ScreenType;
}

const ProfileBadges: React.FC<ProfileBadgesProps> = ({userXId, screenType}) => {
  const {badges, university} = useSelector((state: RootState) =>
    userXId ? state.userX[screenType][userXId].profile : state.user.profile,
  );
  return (
    <ScrollView horizontal>
      {badges.map((badge) => (
        <> </>
        // <BadgeIcon key={badge.id} badge={{...badge, img: }} />
      ))}
    </ScrollView>
  );
};

const styles = StyleSheet.create({});

export default ProfileBadges;
