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

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

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

    return (
        <>
            <div className="govuk-grid-row">
                <div className="govuk-grid-column-full">
                    <h3>Transport & Works Act</h3>
                    <p className="govuk-body-s">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                        Integer in malesuada ligula, sit amet placerat enim.
                        Suspendisse porta velit auctor enim pretium, et interdum
                        lectus mollis. Fusce et consectetur nisl. Donec viverra
                        lectus massa, nec tincidunt orci euismod vel.
                    </p>
                </div>
            </div>
            <div className="govuk-grid-row ">
                <div className="govuk-grid-column-full ">
                    <div className="results">
                        <h3>Timeline</h3>
                        <div className="govuk-timeline-list__row">
                            <span
                                className="govuk-warning-text__icon"
                                aria-hidden="true"
                            >
                                i
                            </span>
                            <p className="govuk-body-s govuk-timeline-text__text">
                                The Inspector’s report into the above has now
                                been formally submitted to the Welsh Government
                                for consideration.
                            </p>
                            <p className="govuk-body-xs govuk-!-margin-bottom-0 dateRight">
                                05 October 2020
                            </p>
                        </div>
                        <div className="govuk-timeline-list__row">
                            <span
                                className="govuk-warning-text__icon"
                                aria-hidden="true"
                            >
                                i
                            </span>
                            <p className="govuk-body-s govuk-timeline-text__text">
                                The Procedure for this Transport and Works Act
                                Application was formally determined, on the
                                07/08/2020, as an Inquiry. <br />
                                <br />
                                Statements of Case from the Applicant, each
                                Statutory Objector and each other person or body
                                who have indicated that they wish to provide
                                oral evidence at the Inquiry are required by
                                18/09/2020.
                            </p>
                            <p className="govuk-body-xs govuk-!-margin-bottom-0 dateRight">
                                05 October 2020
                            </p>
                        </div>
                        <div className="govuk-timeline-list__row">
                            <span
                                className="govuk-warning-text__icon"
                                aria-hidden="true"
                            >
                                i
                            </span>
                            <p className="govuk-body-s govuk-timeline-text__text">
                                The Inspector’s report into the above has now
                                been formally submitted to the Welsh Government
                                for consideration.
                            </p>
                            <p className="govuk-body-xs govuk-!-margin-bottom-0 dateRight">
                                05 October 2020
                            </p>
                        </div>
                        <div className="govuk-timeline-list__row">
                            <span
                                className="govuk-warning-text__icon"
                                aria-hidden="true"
                            >
                                i
                            </span>
                            <p className="govuk-body-s govuk-timeline-text__text">
                                The Inspector’s report into the above has now
                                been formally submitted to the Welsh Government
                                for consideration.
                            </p>
                            <p className="govuk-body-xs govuk-!-margin-bottom-0 dateRight">
                                05 October 2020
                            </p>
                        </div>
                        <div className="govuk-timeline-list__row">
                            <span
                                className="govuk-warning-text__icon"
                                aria-hidden="true"
                            >
                                i
                            </span>
                            <p className="govuk-body-s govuk-timeline-text__text">
                                The Procedure for this Transport and Works Act
                                Application was formally determined, on the
                                07/08/2020, as an Inquiry. <br />
                                <br />
                                Statements of Case from the Applicant, each
                                Statutory Objector and each other person or body
                                who have indicated that they wish to provide
                                oral evidence at the Inquiry are required by
                                18/09/2020.
                            </p>
                            <p className="govuk-body-xs govuk-!-margin-bottom-0 dateRight">
                                05 October 2020
                            </p>
                        </div>
                        <div className="govuk-timeline-list__row">
                            <span
                                className="govuk-warning-text__icon"
                                aria-hidden="true"
                            >
                                i
                            </span>
                            <p className="govuk-body-s govuk-timeline-text__text">
                                The Inspector’s report into the above has now
                                been formally submitted to the Welsh Government
                                for consideration.
                            </p>
                            <p className="govuk-body-xs govuk-!-margin-bottom-0 dateRight">
                                05 October 2020
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </>
    );
};

export default ApplicationTabsTimeLine;