import * as WebBrowser from 'expo-web-browser';
import * as React from 'react';
import * as Application from 'expo-application';
import { Div, Button, Image, Text, Avatar, Icon } from 'react-native-magnus';
import { ScrollView } from 'react-native-gesture-handler';
import { useTranslation } from 'react-i18next';

import useModel from 'flooks';
import User from '../../flooks/User';

import Header from '../../components/Header';

export default function RuleScreen() {
  const { logout } = useModel(User, []);
  const { t } = useTranslation();

  return (
    <>
      <Header title={t('yin-si-tiao-kuan')} />
      <Div
        bg="white"
        mt={10}
        alignItems="center"
        pt={20}
        pb={10}
        borderColor="gray200"
        borderBottomWidth={1}
      >
        <Text fontSize="sm">{t('yin-si-zheng-ce')}</Text>
      </Div>
      <ScrollView>
        <Div p={10} bg="white">
          <Text fontSize="sm" color="gray300">
            您的订单已经被取消收款方老司机的发链接SDK溜老司机
            的上路考订水房间了圣诞节弗兰克斯家电快溜缝胶看楼上的甲方 看了圣诞节
            放凌空加施蒂利克福建省浪蝶狂蜂监考老师的加菲看楼上的积分 了开机啥的
            敖德萨所多
          </Text>
        </Div>
      </ScrollView>
    </>
  );
}