/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

import { Container } from 'react-bootstrap';
import { Helmet, HelmetProvider } from 'react-helmet-async';
import { useTranslation } from 'react-i18next';

const Index = () => {
  const { t } = useTranslation('translation', {
    keyPrefix: 'page_maintenance',
  });
  return (
    <HelmetProvider>
      <Helmet>
        <title>{t('maintenance', { keyPrefix: 'page_title' })}</title>
      </Helmet>
      <div className="bg-f5">
        <Container
          className="d-flex flex-column justify-content-center align-items-center"
          style={{ minHeight: '100vh' }}>
          <div
            className="mb-4 text-secondary"
            style={{ fontSize: '120px', lineHeight: 1.2 }}>
            (=‘_‘=)
          </div>
          <div className="text-center mb-4">{t('desc')}</div>
        </Container>
      </div>
    </HelmetProvider>
  );
};

export default Index;
