import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router";

const CookiePolicy = (props) => {
    let { t } = useTranslation();

    const { whichError } = props;

    const router = useRouter();
    const { locale } = router;

    return (
        <main
            className="govuk-main-wrapper govuk-!-padding-top-9 govuk-main-wrapper--auto-spacing"
            id="main-content"
            role="main"
        >
            <div className="govuk-grid-row">
                <div className="govuk-grid-column-full">
                    <h1 className="govuk-heading-xl govuk-!-margin-bottom-7">
                        {t("cookies:cookie-policy-title-heading")}
                    </h1>
                    <p className="govuk-body">
                        {t("cookies:cookie-policy-intro-paragraph")}
                    </p>
                    <h2 className="govuk-heading-l ">
                        {t("cookies:cookie-policy-sub-heading-one")}
                    </h2>

                    <p className="govuk-body">
                        {t("cookies:cookie-policy-paragraph-one")}
                    </p>

                    <dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
                        <div className="govuk-summary-list__row results-headings">
                            <dd className="govuk-summary-list__key govuk-!-font-size-16 results_wider  ">
                                {t("cookies:cookie-policy-list-heading-one")}
                            </dd>
                            <dd className="govuk-summary-list__key govuk-!-font-size-16">
                                {t("cookies:cookie-policy-list-heading-two")}
                            </dd>
                            <dd className="govuk-summary-list__key govuk-!-font-size-16">
                                {t("cookies:cookie-policy-list-heading-three")}
                            </dd>
                            <dd className="govuk-summary-list__key govuk-!-font-size-16">
                                {t("cookies:cookie-policy-list-heading-four")}
                            </dd>
                        </div>

                        <div className="govuk-summary-list__row">
                            <dd className="govuk-summary-list__value govuk-!-font-size-16  ">
                                <span className="results-visually-hidden">
                                    {t(
                                        "cookies:cookie-policy-list-heading-one"
                                    )}
                                    :
                                </span>
                                {t(
                                    "cookies:cookie-policy-list-row-one-item-one"
                                )}
                            </dd>
                            <dd className="govuk-summary-list__value govuk-!-font-size-16">
                                <span className="results-visually-hidden">
                                    {t(
                                        "cookies:cookie-policy-list-heading-two"
                                    )}
                                    :
                                </span>
                                {t(
                                    "cookies:cookie-policy-list-row-one-item-two"
                                )}
                            </dd>
                            <dd className="govuk-summary-list__value govuk-!-font-size-16">
                                <span className="results-visually-hidden">
                                    {t(
                                        "cookies:cookie-policy-list-heading-three"
                                    )}
                                    :
                                </span>
                                {t(
                                    "cookies:cookie-policy-list-row-one-item-three"
                                )}
                            </dd>
                            <dd className="govuk-summary-list__value govuk-!-font-size-16">
                                <span className="results-visually-hidden">
                                    {t(
                                        "cookies:cookie-policy-list-heading-four"
                                    )}
                                    :
                                </span>
                                {t(
                                    "cookies:cookie-policy-list-row-one-item-four"
                                )}
                            </dd>
                        </div>
                        <div className="govuk-summary-list__row">
                            <dd className="govuk-summary-list__value govuk-!-font-size-16  ">
                                <span className="results-visually-hidden">
                                    {t(
                                        "cookies:cookie-policy-list-heading-one"
                                    )}
                                    :
                                </span>
                                {t(
                                    "cookies:cookie-policy-list-row-two-item-one"
                                )}
                            </dd>
                            <dd className="govuk-summary-list__value govuk-!-font-size-16">
                                <span className="results-visually-hidden">
                                    {t(
                                        "cookies:cookie-policy-list-heading-two"
                                    )}
                                    :
                                </span>
                                {t(
                                    "cookies:cookie-policy-list-row-two-item-two"
                                )}{" "}
                            </dd>
                            <dd className="govuk-summary-list__value govuk-!-font-size-16">
                                <span className="results-visually-hidden">
                                    {t(
                                        "cookies:cookie-policy-list-heading-three"
                                    )}
                                    :
                                </span>
                                {t(
                                    "cookies:cookie-policy-list-row-two-item-three"
                                )}
                            </dd>
                            <dd className="govuk-summary-list__value govuk-!-font-size-16">
                                <span className="results-visually-hidden">
                                    {t(
                                        "cookies:cookie-policy-list-heading-four"
                                    )}
                                    :
                                </span>
                                {t(
                                    "cookies:cookie-policy-list-row-two-item-four"
                                )}
                            </dd>
                        </div>
                    </dl>

                    <p className="govuk-body">
                        {t("cookies:cookie-policy-browser-find-out-more")}{" "}
                        <a
                            href={t(
                                "cookies:cookie-policy-browser-find-out-more"
                            )}
                        >
                            {t(
                                "cookies:cookie-policy-browser-find-out-more-link"
                            )}
                        </a>
                        .
                    </p>

                    <h2 className="govuk-heading-l ">
                        {t("cookies:cookie-policy-sub-heading-two")}
                    </h2>

                    <p className="govuk-body">
                        {t("cookies:cookie-policy-paragraph-two")}
                    </p>

                    <p className="govuk-body">
                        {t("cookies:cookie-policy-paragraph-three")}
                        <a href="https://policies.google.com/privacy">
                            {t("cookies:cookie-policy-paragraph-three-link-a")}
                        </a>
                        , {t("cookies:cookie-policy-paragraph-three-a")}{" "}
                        <a href="https://policies.google.com/terms">
                            {t("cookies:cookie-policy-paragraph-three-link-b")}
                        </a>{" "}
                        {t("cookies:cookie-policy-paragraph-three-b")}
                    </p>

                    <p className="govuk-body">
                        {t("cookies:cookie-policy-paragraph-four")}
                    </p>

                    <p className="govuk-body">
                        {t("cookies:cookie-policy-paragraph-five")}
                    </p>
                </div>
            </div>
        </main>
    );
};

export default CookiePolicy;