'use client'

// Next Imports
import Link from 'next/link'

// Third-party Imports
import classnames from 'classnames'

// Util Imports
import { horizontalLayoutClasses } from '@layouts/utils/layoutClasses'
import { useLocale } from 'next-intl'

const FooterContent = () => {
  const locale = useLocale()

  return (
    <div
      className={classnames(horizontalLayoutClasses.footerContent, 'flex items-center justify-between flex-wrap gap-4')}
    >
      <p className='flex items-center gap-1'>
        {locale === 'ar' ? (
          <span dir='rtl' className='text-textSecondary'>
            © {new Date().getFullYear()}، صُنع بواسطة
            <Link href='https://phoenitech.sy/ar' target='_blank' className='text-primary mx-1'>
              فوني تيك
            </Link>
          </span>
        ) : (
          <span dir='ltr' className='text-textSecondary'>
            © {new Date().getFullYear()}, Made by
            <Link href='https://phoenitech.sy/en' target='_blank' className='text-primary mx-1 uppercase'>
              PhoeniTech
            </Link>
          </span>
        )}
      </p>
    </div>
  )
}

export default FooterContent
