import Row from "@/src/components/twui/layout/Row";
import Span from "@/src/components/twui/layout/Span";
import { SiteData } from "@/src/data/site-data";
import { AppContext } from "@/src/pages/__root";
import type { AppContextObject } from "@/src/types";
import React from "react";

export default function Footer() {
    const appContext: AppContextObject = React.useContext(AppContext);
    const { user, appState } = appContext;

    /**
     * Render component
     */
    return (
        <footer className="w-full p-4 h-20">
            <Row className="h-full">
                <Span size="smaller" variant="faded">
                    Copyright © {new Date().getFullYear()}.{" "}
                    <a
                        href={SiteData["SiteURL"]}
                        target="_blank"
                        className="decoration-dotted underline"
                    >
                        {SiteData["SiteName"]}
                    </a>
                    . All rights reserved
                </Span>
            </Row>
        </footer>
    );
}