import AddressForm from "../../../components/forms/address_form";
import { useLoaderData, useActionData } from "react-router-dom";
import MainContentLayout from "../../../components/main_content_layout";

export function Edit() {
  const address = useLoaderData().data.data.attributes;
  const errors = useActionData();

  return(
    <MainContentLayout>
      <div className="w-4/5 my-6">
          <h1 className="my-6 text-3xl">
            Editar dirección
          </h1>
          <AddressForm address={address} errors={errors}/>
        </div>
    </MainContentLayout>
  );
}