import { useTheme } from '../../branding';
import themedStyles from './styles';
import { Text } from 'react-native';
import React from 'react';

interface ModalTitleProps {
    title: string;
}

const ModalTitle = ({ title = '' }: ModalTitleProps) => {
    const { theme } = useTheme();
    const styles = themedStyles[theme];

    return (
        <Text numberOfLines={1} ellipsizeMode="tail" style={styles.title}>
            {title.toUpperCase()}
        </Text>
    );
};

export default ModalTitle;