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

export default function Dns() {
    let { t } = useTranslation();
    return (
        <div className="card" id="casesearch-card">
            <div className="card-body">
                <h3 className="heading-small card-heading">
                    Developments of National Significance
                </h3>
                <div className="govuk-form-group">
                    <p className="govuk-body-s">
                        A Development of National Significance (DNS) is a type
                        of planning application for a large infrastructure
                        project of national importance in Wales. Here you can
                        find out about proposed DNS applications.
                    </p>
                </div>
                <div className="govuk-form-group">
                    <button type="submit" className="govuk-button">
                        View all Applications
                    </button>
                </div>
            </div>
        </div>
    );
}