import useTranslation from "next-translate/useTranslation";
import React from "react";

const GlobalMetaTags = () => {
    let { t } = useTranslation();
    return (
        <>
            {console.log(t("common:service-name"))}
            {/* Language by default is EN, if multilingual site this will need updated */}
            <meta key="og:locale" property="og:locale" content="en" />
            {/* If they have a Twitter Handle, include the meta details below */}
            <meta
                key="og:site_name"
                property="og:site_name"
                content="Planning casework "
            />
            <meta
                key="twitter:site"
                property="twitter:site"
                content="@UKGovWales"
            />

            <meta
                name="description"
                content="The Welsh Government is the devolved Government for Wales"
            />
            <meta property="og:site_name" content="GOV.WALES" />
            <meta property="og:type" content="website" />
            <meta property="og:url" content="https://gov.wales" />
            <meta
                property="og:image"
                content="https://gov.wales//themes/custom/govwales/images/content/og-global-1200.png"
            />
            <meta name="twitter:card" content="summary" />
            <meta name="twitter:title" content="gov.wales | gov.wales" />
            <meta name="twitter:url" content="https://gov.wales" />
            <meta
                name="twitter:image"
                content="https://gov.wales//themes/custom/govwales/images/content/og-global-120.png"
            />
        </>
    );
};

export default GlobalMetaTags;