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

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

    const router = useRouter();
    const { locale } = router;
    return (
        <div className="govuk-grid-column-two-thirds govuk-panel--dns-links govuk-!-padding-top-5">
            <div className="govuk-grid-column-one-half">
                <ul className="govuk-list">
                    <li>
                        <h3 className="govuk-heading-l govuk-!-font-size-27">
                            <Link href="/dnsapplications" className="govuk-link govuk-link--no-underline">

                                {t("dnsHome:links-applications-title")}

                            </Link>
                            <p className="govuk-body-s govuk-!-padding-top-2">
                                {t(
                                    "dnsHome:links-applications-intro-paragraph"
                                )}
                            </p>
                        </h3>
                    </li>
                    {/* <li>
                        <h3 className="govuk-heading-l govuk-!-font-size-27">
                            <Link href="/dns/help">
                                <a className="govuk-link govuk-link--no-underline">
                                    {t("dnsHome:links-help-title")}
                                </a>
                            </Link>
                            <p className="govuk-body-s govuk-!-padding-top-2">
                                {t("dnsHome:links-help-intro-paragraph")}
                            </p>
                        </h3>
                    </li> */}
                </ul>
            </div>
            <div className="govuk-grid-column-one-half">
                <ul className="govuk-list">
                    <li>
                        <h3 className="govuk-heading-l govuk-!-font-size-27">
                            <Link
                                href="https://gov.wales/developments-national-significance-dns-guidance"
                                className="govuk-link govuk-link--no-underline ">

                                {t("dnsHome:links-help-title")}

                            </Link>
                            <p className="govuk-body-s govuk-!-padding-top-2">
                                {t("dnsHome:links-guidance-intro-paragraph")}
                            </p>
                        </h3>
                    </li>
                    {/* <li>
                        <h3 className="govuk-heading-l govuk-!-font-size-27">
                            <Link href="/dns/contact-us">
                                <a className="govuk-link govuk-link--no-underline">
                                    {t("dnsHome:links-contactus-title")}
                                </a>
                            </Link>

                            <p className="govuk-body-s govuk-!-padding-top-2">
                                {t("dnsHome:links-contactus-intro-paragraph")}
                            </p>
                        </h3>
                    </li> */}
                </ul>
            </div>
        </div>
    );
};

export default DNSLinks;