import React from 'react';
import { StackHeaderProps } from '@react-navigation/stack';
import LongHeader from './LongHeader';
import ShortHeader from './ShortHeader';

const Header = (props: StackHeaderProps) => {
  let name = props.scene.route.name;
  switch (name) {
    case 'Countries':
    case 'Institutions':
      return <ShortHeader {...props} />;
    default: {
      return <LongHeader {...props} />;
    }
  }
};

export default Header;