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

export function Create() {
  const errors = useActionData();

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