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

export default function YourAccount() {
    let { t } = useTranslation();

    const router = useRouter();
    const { locale } = router;
    return (
        <>
            <div className="card" id="your-account-card">
                <div className="card-body">
                    <h3 className="heading-small card-heading">
                        {t("myportal:yourdetails-card-title")}
                    </h3>
                    <p className="govuk-body-s">
                        {t("myportal:yourdetails-card-paragraph-one")}
                    </p>

                    <div>
                        <Link
                            href="/account/personaldetails"
                            className="govuk-button-secondary"
                        >
                            {t("myportal:yourdetails-card-link")}
                        </Link>
                    </div>
                </div>

                {/* <div className="card-body">
                <h3 className="heading-small card-heading">
                    {t("myportal:changepassword-card-title")}
                </h3>
                <p className="govuk-body-s">
                    {" "}
                    {t("myportal:changepassword-card-paragraph-one")}
                </p>

                <div>
                    <Link href="/account/changepassword">
                        <a className="govuk-button-secondary">
                            {t("myportal:changepassword-card-link")}
                        </a>
                    </Link>
                </div>
            </div> */}
            </div>
        </>
    );
}