import TranslateClient from "@/components/ui/localization/TranslateClient"

type WhatWeDo = {
    description: {
        ar: string
        en: string
    }
    title: {
        ar: string
        en: string
    }
    lang: Lang
}
const WhatWeDo = ({ title, description, lang }: WhatWeDo) => {
    return (
        <div className="container text-center sectionPadding">
            <h3 className="font-bold text-xl">
                {title?.[lang]}
                {/* <TranslateClient text="what_we_offer" /> */}
            </h3>
            <p className="text-textGray mx-auto mt-8 px-2 sm:px-5 xl:px-20">
                {description?.[lang]}
                {/* <TranslateClient text={description?.[lang]} /> */}
            </p>
        </div>
    )
}

export default WhatWeDo