function ContactFormSection() {
return (
<form onSubmit={handleSubmit} class={'space-y-4'}>
<BaseInput
name={'name'}
control={group.controls.name}
id={group.controls.name.id.toString()}
/>
<BaseInput
type={'email'}
name={'name'}
control={group.controls.email}
pattern={'^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$'}
id={group.controls.email.id.toString()}
/>
<BaseInput
type={'tel'}
name={'phone'}
control={group.controls.phone}
pattern={'d{9}'}
id={group.controls.phone.id.toString()}
/>
<TextArea
name={'message'}
control={group.controls.message}
id={group.controls.message.id.toString()}
/>
<Checkbox name={'acceptance'} id={group.controls.acceptance.id.toString()}>
I accept the terms and conditions
</Checkbox>
</form>
);
}
function ContactFormSection() {
return (
<form onSubmit={handleSubmit} class={'space-y-4'}>
<BaseInput
name={'name'}
control={group.controls.name}
id={group.controls.name.id.toString()}
/>
<BaseInput
type={'email'}
name={'name'}
control={group.controls.email}
pattern={'^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$'}
id={group.controls.email.id.toString()}
/>
<BaseInput
type={'tel'}
name={'phone'}
control={group.controls.phone}
pattern={'d{9}'}
id={group.controls.phone.id.toString()}
/>
<TextArea
name={'message'}
control={group.controls.message}
id={group.controls.message.id.toString()}
/>
<Checkbox name={'acceptance'} id={group.controls.acceptance.id.toString()}>
I accept the terms and conditions
</Checkbox>
</form>
);
}