import Link from "next/link";
import { useRouter } from "next/router";
import { useState, useEffect, useRef } from "react";
import { useDispatch, useSelector, shallowEqual, connect } from "react-redux";
import useTranslation from "next-translate/useTranslation";
import jsonpath from "jsonpath";
import _ from "lodash";
import transLookup from "../../data/lookuptranslations.json";
import LoadingOverlay from "react-loading-overlay";

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

    const router = useRouter();
    const { locale } = router;
    const [showSpinnerState, setShowSpinnerState] = useState(false);

    let spinnerState = () => {
        showSpinnerState == true
            ? setShowSpinnerState(false)
            : setShowSpinnerState(true);
    };
    return (
        <>
            <div>
                <div className="govuk-grid-row">
                    <div className="govuk-grid-column-full">
                        <h2>Representations</h2>
                    </div>
                </div>
            </div>
            <LoadingOverlay
                active={showSpinnerState}
                spinner
                text={t("common:spinner-searching")}
            />
        </>
    );
};

export default RepresentationList;