// @flow strict

import * as React from 'react';
import { HeaderTitle } from '@kiwicom/mobile-navigation';
import { Translation } from '@kiwicom/mobile-localization';

import FillTravelDocumentContainer from '../scenes/travelDocument/FillTravelDocumentContainer';

export default function FillTravelDocumentScreen() {
  return <FillTravelDocumentContainer />;
}

// TODO: All text is not showing on mobile. Find out how to enlarge surrounding view
FillTravelDocumentScreen.navigationOptions = () => ({
  title: (
    <HeaderTitle>
      <Translation id="mmb.fill_travel_document_screen.title" />
    </HeaderTitle>
  ),
});

// @flow strict

import * as React from 'react';
import { HeaderTitle } from '@kiwicom/mobile-navigation';
import { Translation } from '@kiwicom/mobile-localization';

import FillTravelDocumentContainer from '../scenes/travelDocument/FillTravelDocumentContainer';

export default function FillTravelDocumentScreen() {
  return <FillTravelDocumentContainer />;
}

FillTravelDocumentScreen.navigationOptions = () => ({
  headerTitle: (
    <HeaderTitle>
      <Translation id="mmb.fill_travel_document_screen.title" />
    </HeaderTitle>
  ),
});

Make fill travel document header fit on mobile
MMB: Make fill travel document header fit on mobile
