import { ColaborationsImage } from '@/assets/svg'
import { metaTitles } from '@/components/metaData/metaTitles'
import CustomImage from '@/components/ui/miscellaneous/CustomImage'
import { H3} from '@/components/ui/typography'
import { useTranslations } from 'next-intl'
import React from 'react'

interface IPartnersSection {
    content?: {
        title?: string,
    }
}

const PartnersSection = ({ content }: IPartnersSection) => {
    const t = useTranslations()
    return (
        <div className='flex flex-col gap-10 lg:gap-10 justify-center items-center  sm:px-24 lg:px-40  2xl:px-80 text-center'>
           {content?.title &&  <H3 >{t(content?.title)}</H3> }
            <CustomImage pageTitle={metaTitles?.integrationsPartnersMeta_Title} src={ColaborationsImage} alt="colaboration companies" className="w-[550px] sm:w-[850px]  object-contain mt-4" priority={true} />
        </div>
    )
}

export default PartnersSection