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

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

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

    return (
        <>
            <div className="govuk-grid-row">
                <div className="govuk-grid-column-full">
                    <h1>TWA - Morlais Demonstration Zone</h1>
                </div>
            </div>
            <div className="govuk-grid-row">
                <div className="govuk-grid-column-two-thirds">
                    <p className="govuk-body-s">
                        by Menter Mon <br />
                        Type: Generating Stations
                    </p>
                    <div className="govuk-warning-text">
                        <span
                            className="govuk-warning-text__icon"
                            aria-hidden="true"
                        >
                            !
                        </span>
                        <strong className="govuk-warning-text__text">
                            <span className="govuk-warning-text__assistive">
                                Information
                            </span>
                            The Inspector’s report into the above has now been
                            formally submitted to the Welsh Government for
                            consideration.
                            <br />
                            <span className="govuk-body-s">
                                05 October 2020
                            </span>
                        </strong>
                    </div>
                </div>
                <div className="govuk-grid-column-one-third">
                    <p className="govuk-body-s">
                        Stage: <br />
                        Next Stage: Decision
                        <br />
                        Reference: TWA/3234121
                        <br />
                        Developer: Menter Mon
                        <br />
                        Procedure: Inquiry
                    </p>
                </div>
            </div>
        </>
    );
};

export default ApplicationSummary;