import React from 'react';
import { ImageBackground, StyleSheet } from 'react-native';
import PropTypes from 'prop-types';

const styles = StyleSheet.create({
	image: {
		width: '100%',
		height: '100%',
		position: 'absolute'
	}
});

const EmptyRoom = React.memo(({
	length, mounted, theme, rid
}) => {
	if ((length === 0 && mounted) || !rid) {
		return (
			<ImageBackground
				source={{ uri: `message_empty_${ theme }` }}
				style={styles.image}
			/>
		);
	}
	return null;
});

EmptyRoom.propTypes = {
	length: PropTypes.number.isRequired,
	mounted: PropTypes.bool,
	theme: PropTypes.string,
	rid: PropTypes.string
};
export default EmptyRoom;