forked from M3-Academy/m3-academy-template-vtexio
22 lines
858 B
TypeScript
22 lines
858 B
TypeScript
|
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>
|
||
|
|
);
|
||
|
|
};
|