<Toggle />

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

export function ApprovalDialog() {
	const { Form, SubmitButton, Toggle } = useForm(
		{
			approved: Forms.boolean(),
		},
		{
			approved: false,
		},
	);
	return (
		<Form
			onSubmit={async (values) => {
				await showToast({
					title: "Form submitted",
					variant: "success",
					text: values.approved ? "Approved" : "Not approved",
				});
			}}
		>
			{/* Some information here */}
			<Toggle label="Approved" name="approved" />
			<SubmitButton label="Submit" />
		</Form>
	);
}