From 8ac80bd0b461ec2f61015050a535ead506546972 Mon Sep 17 00:00:00 2001
From: devartes <anacavalcante731@gmail.com>
Date: Wed, 11 Jan 2023 17:06:09 -0300
Subject: [PATCH] feat: adicionando componente FormField

---
 .../FormContentField/FormContentField.tsx     | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/components/Main/Contato/FormContentField/FormContentField.tsx

diff --git a/src/components/Main/Contato/FormContentField/FormContentField.tsx b/src/components/Main/Contato/FormContentField/FormContentField.tsx
new file mode 100644
index 0000000..b68e255
--- /dev/null
+++ b/src/components/Main/Contato/FormContentField/FormContentField.tsx
@@ -0,0 +1,24 @@
+import styles from "../../Main.module.scss";
+import { Field, ErrorMessage } from "formik";
+
+interface FormContentFieldProps {
+  title: string;
+  name: string;
+  placeholder: string;
+  type: string;
+}
+
+const FormField = (props: FormContentFieldProps) => {
+  const { title, name, placeholder, type } = props;
+  return (
+    <div className={styles["FormContent__Field"]}>
+      <label>{title}</label>
+      <span className={styles["FormContent__Field__Error"]}>
+        <ErrorMessage name={name} />
+      </span>
+      <Field name={name} type={type} placeholder={placeholder} />
+    </div>
+  );
+};
+
+export { FormField };