import { useActionData } from "react-router-dom";
import CardForm from "../../../components/forms/card_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">
          Nuevo método de pago
        </h1>
        <CardForm errors={errors}/>
      </div>
    </MainContentLayout>
  );
}