import PeerView from '../../components/video/PeerView';
import { RequestToJoinType } from '../../store/participantSlice';
import { PeersServiceContext } from '../../services/PeersService';
import React, { useContext } from 'react';
import { Box, Flex } from '../../themes/components';
const PIPModeContainer = (props) => {
    const { isMobile } = props;
    const { joinedProcessedPeers, selfPeer } = useContext(PeersServiceContext);
    const pipPeers = joinedProcessedPeers.concat([selfPeer]).filter((el) => !el?.webinarHiddenParticipant && el?.requestToJoinType === RequestToJoinType.ask);
    return (<Flex direction="row" width="100%" position="absolute" zIndex="1" alignItems="flex-end" justifyContent="flex-end" bottom="60">
			{pipPeers.map((peer) => (<Box key={peer.id}>
					<PeerView peer={peer} height={80} width={130}/>
				</Box>))}
		</Flex>);
};
PIPModeContainer.defaultProps = {
    isMobile: false,
};
export default PIPModeContainer;
//# sourceMappingURL=PIPModeContainer.js.map