import MainContentLayout from "../../components/main_content_layout";
import AccountForm from "../../components/forms/account_form";
import Token from "../../lib/token";
import { useLoaderData } from "react-router-dom";
import "../../components/stylesheets/shared.css";

export function EditAccount() {
  const account = useLoaderData()[0].data.data.attributes;

  return(
    <>
      <MainContentLayout>
        <div className="w-4/5 my-6">
          <h1 className="my-6 text-3xl">
            Editar cuenta
          </h1>
          <AccountForm account={account}/>
        </div>
      </MainContentLayout>
    </>
  );
}