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="/dns/applications">
                                <a className="govuk-link govuk-link--no-underline">
                                    Applications
                                </a>
                            </Link>
                            <p className="govuk-body-s govuk-!-padding-top-2">
                                A list of all the Developments of National
                                Significance that have already been submitted
                                and those we are expecting to be submitted.
                            </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">
                                    Help
                                </a>
                            </Link>
                            <p className="govuk-body-s govuk-!-padding-top-2">
                                Information about this website.
                            </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="/dns/application-process">
                                <a className="govuk-link govuk-link--no-underline ">
                                    Guidance
                                </a>
                            </Link>
                            <p className="govuk-body-s govuk-!-padding-top-2">
                                An overview and detailed guidance on the
                                Developments of National Significance
                                application process
                            </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">
                                    Contact us{" "}
                                </a>
                            </Link>

                            <p className="govuk-body-s govuk-!-padding-top-2">
                                How to get in touch with The Planning
                                Inspectorate.
                            </p>
                        </h3>
                    </li>
                </ul>
            </div>
        </div>
    );
};

export default DNSLinks;