<NumberInput />

import React from "react";
import { Forms, useForm, showToast } from "attio/client";

export function NameDialog() {
	const { Form, SubmitButton, NumberInput } = useForm(
		{
			oneNumber: Forms.number(),
			anotherNumber: Forms.number(),
		},
		{},
	);
	return (
		<Form
			onSubmit={async (values) => {
				await showToast({
					title: "Form submitted",
					variant: "success",
					text: JSON.stringify(values),
				});
			}}
		>
			<NumberInput label="One number" name="oneNumber" />
			<NumberInput label="Another number" name="anotherNumber" />
			<SubmitButton label="Submit" />
		</Form>
	);
}