'use client';

import useGlobalStore from '@/config/use-global';
import { useTranslations } from 'next-intl';
import Image from 'next/image';
import Link from 'next/link';

export default function FooterCopyright() {
  const { common } = useGlobalStore();
  const { site } = common;
  const t = useTranslations('auth');

  return (
    <footer className={'fixed bottom-6 z-40 w-full text-xs sm:text-sm'}>
      <div className={'container relative flex items-center justify-center text-right sm:block'}>
        <Image
          src={'./logo.png'}
          height={37}
          width={28}
          className={`scale-85 h-[37px] w-[28px] flex-shrink-0 object-contain sm:absolute sm:-translate-x-1/2 sm:scale-100 md:left-1/2`}
          alt='logo'
          unoptimized
        ></Image>
        <div className={'ml-2.5'}>
          <strong className='text-foreground'>
            Airo<sup className='text-[8px]'>™</sup>Port
          </strong>{' '}
          © All rights reserved.
          <div>
            <Link href='/tos' className='underline'>
              {t('tos')}
            </Link>
            <Link href='/privacy-policy' className='ml-2 underline'>
              {t('privacyPolicy')}
            </Link>
          </div>
        </div>
      </div>
    </footer>
  );
}
