// * Packages
import { usePage } from "@inertiajs/react";
// * Components shadcn
import { Separator } from "@/components/ui/separator";
// * Other
import { AppEnv } from "@/back/types/global";
import str from "@/hooks/use-string";

export default function AppFooter() {
    const appName = (usePage().props.appEnv as AppEnv).name;
    const year = new Date().getFullYear();
    return (
        <section className="relative flex flex-col justify-center items-center w-full pt-4 z-2">
            <Separator />
            <p className="text-sm pt-4">
                uwil/{str(appName).slug().value()} - UWIL © {year}
            </p>
        </section>
    );
}