import { usePage } from "@inertiajs/react";

import { Separator } from "@/components/ui/separator";
import str from "@/hooks/use-string";

const date = new Date();

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