import { Component, ReactNode } from 'react';
import { View } from '@tarojs/components';
import Taro from '@tarojs/taro';
import pt from '@/plain-text';
import PageFooter from '@/components/PageFooter/PageFooter';
import './404.scss';

export default class NotFoundPage extends Component {
  componentDidMount(): void {
    Taro.setNavigationBarTitle({
      title: pt.get().navBar.notFound,
    });
  }
  render(): ReactNode {
    return (
      <View>
        <View
          className='page-title'
          style={{ marginTop: '150rpx', marginBottom: '240rpx' }}
        >
          <View className='at-article__h1' style={{ fontWeight: 'bold' }}>
            {pt.get().notFound.title.ZhCn}
          </View>
          <View className='at-article__h2'>{pt.get().notFound.desc.ZhCn}</View>
          <View style={{ height: '150rpx' }}></View>
          <View className='at-article__h1' style={{ fontWeight: 'bold' }}>
            {pt.get().notFound.title.EnUs}
          </View>
          <View className='at-article__h2'>{pt.get().notFound.desc.EnUs}</View>
        </View>
        <PageFooter />
      </View>
    );
  }
}
