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

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

    const router = useRouter();
    const { locale } = router;
    return (
        <>
            <div className="card" id="casescomment-card">
                <div className="card-body">
                    <h3 className="heading-small card-heading">Your details</h3>
                    <p className="govuk-body-s">
                        You can change your address and contact details
                    </p>

                    <div>
                        <Link href="/account/personaldetails">
                            <a className="govuk-button-secondary">
                                Edit your account details
                            </a>
                        </Link>
                    </div>
                </div>
            </div>
            <div className="card" id="casescomment-card">
                <div className="card-body">
                    <h3 className="heading-small card-heading">
                        Change your password
                    </h3>
                    <p className="govuk-body-s">You can change your password</p>

                    <div>
                        <Link href="/account/changepassword">
                            <a className="govuk-button-secondary">
                                Update your password
                            </a>
                        </Link>
                    </div>
                </div>
            </div>
        </>
    );
}