import getConfig from "next/config";
import React from "react";

import { useStoreState } from "../store";
import AppWrapper from "../components/AppWrapper";
import { Col } from "../components/Layout";
import Footer from "../components/Footer";

const { publicRuntimeConfig } = getConfig();

const HelpPage = () => {
  const { isAuthenticated } = useStoreState(s => s.auth);
  return (
    <AppWrapper>
        {isAuthenticated && <Col width={600} maxWidth="97%" alignItems="flex-start">
        <h3>{publicRuntimeConfig.SITE_NAME} Help</h3>
        <p>For assistance please contact <a href="mailto:webmaster@sangerusd.net">webmaster@sangerusd.net</a> with questions, concerns, or any error messages you run across.</p>
        </Col>}
        {<Footer />}
    </AppWrapper>
  )};

export default HelpPage;