import React, { ReactChildren } from 'react';
import { View, Text, TextStyle } from 'react-native';

interface InstitutionTitleProps {
  title?: string;
  children?: ReactChildren;
}

const InstitutionsTitle = (props: InstitutionTitleProps) => {
  const { title, children } = props;

  const textStyles: TextStyle = {
    fontSize: 18,
    alignSelf: 'center',
    fontStyle: 'italic',
    fontWeight: 'bold',
  };

  return (
    <View>
      <Text style={textStyles}>{title || children || 'Choose an Institution to connect with'}</Text>
    </View>
  );
};

export default InstitutionsTitle;