Number

"use client";

import { useForm } from "@tanstack/react-form";
import { ErlForm } from "erlangform";
import { schema, type FormValues } from "./schema";

export default function AgeForm() {
  const form = useForm({
    defaultValues: { age: 0 },
    validators: { onChange: schema },
    onSubmit: ({ value }) => console.log(value),
  });

  return (
    <form onSubmit={(event) => { event.preventDefault(); form.handleSubmit(); }}>
      <ErlForm<FormValues>
        form={form}
        schema={schema}
        fieldConfig={{
          age: {
            label: "Umur",
            placeholder: "Masukkan umur",
          },
        }}
      />
      <button type="submit">Simpan</button>
    </form>
  );
}