m3-academy-template-vtexio-.../custom/react/components/B2bForm/sections/ContactForm.tsx

22 lines
858 B
TypeScript
Raw Normal View History

2022-08-11 13:06:07 +00:00
import React from "react";
import { M3CpfField } from "../Fields/M3CpfField";
import { M3Field } from "../Fields/M3Field";
import { M3PhoneField } from "../Fields/M3PhoneField";
import styles from "./SectionFormStyles.css";
export const ContactForm: StorefrontFunctionComponent = () => {
return (
<section className={styles.section}>
<h2 className={styles.sectionTitle}>Contato</h2>
<div className={styles.sectionGroup}>
<M3Field name="firstName" label="NOME:"></M3Field>
<M3Field name="lastName" label="SOBRENOME:"></M3Field>
<M3CpfField name="document" label="CPF:"></M3CpfField>
<M3Field name="email" label="E-MAIL:"></M3Field>
<M3PhoneField name="phone" label="TELEFONE:"></M3PhoneField>
</div>
</section>
);
};