import React from 'react'
import Link from 'next/link'
import { useTranslation } from 'next-i18next';

const PageTitle = (props) => {
    const { t } = useTranslation('innerBanner');
    return (
        <section
            className="wpo-page-title"
            style={{
                backgroundImage: `url(${props?.backgroundImage?.src || props?.backgroundImage})`,
            }}
        >
            <div className="container">
                <div className="row">
                    <div className="col col-xs-12">
                        <div className="wpo-breadcumb-wrap">
                            <h2>{props.pageTitle}</h2>
                            <ol className="wpo-breadcumb-wrap">
                                <li><Link href="/">{t('home.pageTitle')}</Link></li>
                                <li><span>{props.pagesub}</span></li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    )
}

export default PageTitle
export async function getStaticProps({ locale }) {
    return {
        props: {
            ...(await serverSideTranslations(locale, ['innerBanner'])),
        },
    };
}