'use client';

import Link from 'next/link';
import { useEffect, useState } from 'react';

export const Footer = () => {
  const [currentYear, setCurrentYear] = useState<number | null>(null);

  useEffect(() => {
    setCurrentYear(new Date().getFullYear());
  }, []);

  return (
    <div className="bg-sidebar w-full px-6 py-7">
      <div className="w-fit mx-auto text-[12px] text-footerText text-center">
        <span>Chase Fonteno</span>&nbsp;
        <sup>TM</sup>&nbsp;
        <span>2003 - {currentYear}</span>&nbsp;
        <Link
          href={'/privacy_trademark'}
          className="underline px-1 leading-4 font-semibold border-l transition-all duration-300 ease-in-out hover:text-accent"
        >
          Privacy Policy & Trademark
        </Link>
      </div>
    </div>
  );
};