import * as WebBrowser from 'expo-web-browser';
import * as React from 'react';
import { Div, Button } from 'react-native-magnus';
import { useTranslation } from 'react-i18next';
import Header from '../../components/Header';

const info = new Map([
  [
    '商家',
    {
      title: '商家入驻',
      next: 'MerchatApply',
    },
  ],
  [
    '骑手',
    {
      title: '骑手招募',
      next: 'RiderApply',
    },
  ],
  [
    '商务',
    {
      title: '商务合作',
      next: 'CompanyApply',
    },
  ],
]);

export default function ApplyScreen({ navigation, route }) {
  const { t } = useTranslation();
  const { params } = route;
  const { type } = params;

  const nowInfo = info.get(type);

  return (
    <>
      <Header title={nowInfo.title} />
      <Div flex={1} />
      <Button
        my={20}
        mx={10}
        bg="brand500"
        block
        onPress={() => navigation.navigate(nowInfo.next)}
      >
        {t('li-ji-shen-qing')}
      </Button>
    </>
  );
}
