import React from 'react';
import { Text } from 'react-native';

import styles from './styles';
import { themes } from '../../constants/colors';

interface ITitle {
	name: string;
	theme: string;
	hideUnreadStatus: boolean;
	alert: boolean;
}

const Title = React.memo(({ name, theme, hideUnreadStatus, alert }: ITitle) => (
	<Text
		style={[
			styles.title,
			alert && !hideUnreadStatus && styles.alert,
			{ color: themes[theme].titleText }
		]}
		ellipsizeMode='tail'
		numberOfLines={1}
	>
		{name}
	</Text>
));

export default Title;
