From 6a26efea49eb2a2f4c6bc0df748919a167dc3b29 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Sat, 19 Feb 2022 22:21:01 +0400
Subject: [PATCH] Create Email component

---
 components/soutyen/email.js | 40 +++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 components/soutyen/email.js

diff --git a/components/soutyen/email.js b/components/soutyen/email.js
new file mode 100644
index 0000000..b321764
--- /dev/null
+++ b/components/soutyen/email.js
@@ -0,0 +1,40 @@
+import PropTypes from 'prop-types'
+import Box from '@mui/material/Box'
+import TextField from '@mui/material/TextField'
+
+export default function Email({validMontant, error, clientEmail, setClientEmail}) {
+  return (
+    <Box sx={{marginBlock: 2}}>
+      <TextField
+        required
+        disabled={Boolean(validMontant)}
+        InputLabelProps={{
+          shrink: true,
+        }}
+        variant='outlined'
+        label='Adresse e-mail'
+        error={error === 'Adresse e-mail invalide.' || error === 'Adresse e-mail obligatoire.'}
+        autoComplete='email'
+        value={clientEmail}
+        name='email-client'
+        type='email'
+        id='email-client'
+        helperText={error === 'Adresse e-mail invalide.' || error === 'Adresse e-mail obligatoire.' ? error : ''}
+        onChange={event => setClientEmail(event.target.value)}
+      />
+    </Box>
+  )
+}
+
+Email.defaultProps = {
+  validMontant: null,
+  error: null,
+  clientEmail: null
+}
+
+Email.propTypes = {
+  validMontant: PropTypes.string,
+  error: PropTypes.string,
+  clientEmail: PropTypes.string,
+  setClientEmail: PropTypes.func.isRequired
+}