language implementation

3 files changed, 260 insertions, 1 deletions

diff --git a/client/src/components/LanguageSelect/LanguageSelect.jsx b/client/src/components/LanguageSelect/LanguageSelect.jsx
index dd2997f..2bd0259 100644
--- a/client/src/components/LanguageSelect/LanguageSelect.jsx
+++ b/client/src/components/LanguageSelect/LanguageSelect.jsx
@@ -7,7 +7,8 @@ import styles from './LanguageSelect.module.css'
 
 const languageMap = {
   en: { label: 'English', dir: 'ltr', active: true },
-  hi: { label: 'Hindi', dir: 'ltr', active: false }
+  hi: { label: 'Hindi', dir: 'ltr', active: false },
+  te: { label: 'Telugu', dir: 'ltr', active: false }
 }
 
 const LanguageSelect = () => {
diff --git a/client/src/components/LanguageSelect/locales/te/translation.json b/client/src/components/LanguageSelect/locales/te/translation.json
new file mode 100644
index 0000000..14de630
--- /dev/null
+++ b/client/src/components/LanguageSelect/locales/te/translation.json
@@ -0,0 +1,147 @@
+{
+  "AADHAAR": "ఆధార్",
+  "MERA_AADHAAR_MERI_PEHCHAN": "మేరా ఆధార్ మేరీ పెహచాన్",
+  "ENROLLMENT": "నమోదు",
+  "UPDATE": "అప్‌డేట్",
+  "INDIAN_RESIDENT": "భారత నివాసి",
+  "NON_RESIDENTIAL_INDIAN": "నాన్-రెసిడెన్షియల్ ఇండియన్",
+  "FULL_NAME": "పూర్తి పేరు",
+  "ENTER_YOUR_FULL_NAME": "మీ పూర్తి పేరును నమోదు చేయండి",
+  "MALE": "పురుషుడు",
+  "FEMALE": "ఆడ",
+  "OTHER": "ఇతర",
+  "DATE_OF_BIRTH": "పుట్టిన తేదీ",
+  "MOBILE": "మొబైల్",
+  "ENTER_YOUR_MOBILE_NUMBER": "మీ మొబైల్ నంబర్‌ని నమోదు చేయండి",
+  "EMAIL": "ఇమెయిల్",
+  "ENTER_YOUR_EMAIL_ID": "మీ ఇమెయిల్ IDని నమోదు చేయండి",
+  "COUNTRY": "దేశం",
+  "STATE": "స్టేట్",
+  "DISTRICT": "జిల్లా",
+  "VILLAGE_TOWN": "గ్రామం / పట్టణం",
+  "ENTER_YOUR_VILLAGE_TOWN": "మీ గ్రామం / పట్టణాన్ని నమోదు చేయండి",
+  "HOUSE_NUMBER_APARTMENT": "ఇంటి సంఖ్య/ అపార్ట్‌మెంట్",
+  "ENTER_YOUR_HOUSE_NUMBER_APARTMENT": "మీ ఇంటి నంబర్/అపార్ట్‌మెంట్‌ని నమోదు చేయండి",
+  "STREET_ROAD": "వీధి / రోడ్డు",
+  "ENTER_YOUR_STREET_ROAD": "మీ వీధి / రహదారిని నమోదు చేయండి",
+  "AREA_LOCALITY": "ప్రాంతం / ప్రాంతం",
+  "ENTER_YOUR_AREA_LOCALITY": "మీ ప్రాంతం / ప్రాంతాన్ని నమోదు చేయండి",
+  "POST_OFFICE": "పోస్టాఫీసు",
+  "ENTER_YOUR_AREA_POST_OFFICE": "మీ ప్రాంత పోస్టాఫీసును నమోదు చేయండి",
+  "LANDMARK": "ల్యాండ్‌మార్క్",
+  "ENTER_ANY_NEAREST_LANDMARK": "ఏదైనా సమీప ల్యాండ్‌మార్క్‌ని నమోదు చేయండి",
+  "PINCODE": "పిన్‌కోడ్",
+  "ENTER_YOUR_AREA_PINCODE": "మీ ప్రాంతం పిన్‌కోడ్‌ని నమోదు చేయండి",
+  "CAPTURE": "క్యాప్చర్",
+  "RESET": "రీసెట్",
+  "PLEASE_LOOK_INTO_THE_CAMERA": "దయచేసి కెమెరాలో చూడండి",
+  "CLICK_CAPTURE_TO_CAPTURE_THE_PHOTO": "ఫోటోను క్యాప్చర్ చేయడానికి క్యాప్చర్ క్లిక్ చేయండి",
+  "CLICK_RESET_TO_REMOVE_THE_CAPTURED_PHOTO": "క్యాప్చర్ చేసిన ఫోటోను తీసివేయడానికి రీసెట్ చేయి క్లిక్ చేయండి",
+  "PROOF_OF_IDENTITY": "గుర్తింపు రుజువు",
+  "PROOF_OF_ADDRESS": "చిరునామా రుజువు",
+  "PROOF_OF_DOB": "పుట్టిన తేదీ రుజువు",
+  "SCAN": "స్కాన్",
+  "KINDLY_CLICK_THE_PICTURE_OF_YOUR_DOCUMENTS": "దయచేసి మీ పత్రాల చిత్రాన్ని క్లిక్ చేయండి",
+  "ALL_STEPS_COMPLETED": "అన్ని దశలు పూర్తయ్యాయి - మీరు కొనసాగవచ్చు",
+  "BACK": "వెనుకకు",
+  "FINISH": "ముగించు",
+  "NEXT": "తదుపరి",
+  "PLEASE_PUT_YOUR_EYES_INSIDE_THE_IRIS_SCANNER": "దయచేసి ఐరిస్ స్కానర్‌లో మీ కళ్ళను ఉంచండి.",
+  "WAIT_FOR_PROMPT_AND_BEEP_SOUND_TO_REMOVE_YOUR_EYES": "మీ కళ్ళు తీసివేయడానికి ప్రాంప్ట్ మరియు బీప్ సౌండ్ కోసం వేచి ఉండండి",
+  "THANK_YOU_FOR_YOUR_TIME": "మీ సమయం కోసం ధన్యవాదాలు.",
+  "ENSURE_THAT_RECIEVED_A_CONFIRMATION_MESSAGE": "దయచేసి మీరు బయలుదేరే ముందు నిర్ధారణ సందేశాన్ని అందుకున్నారని నిర్ధారించుకోండి",
+  "PLEASE_PUT_YOUR_FINGERS_ON_THE_FINGERPRINT_SCANNER": "దయచేసి వేలిముద్ర స్కానర్‌పై మీ వేళ్లను ఒక్కొక్కటిగా ఉంచండి.",
+  "WAIT_FOR_PROMPT_AND_BEEP_SOUND_TO_REMOVE_YOUR_FINGERS": "మీ వేళ్లను తీసివేయడానికి ప్రాంప్ట్ మరియు బీప్ సౌండ్ కోసం వేచి ఉండండి",
+  "PLEASE_VERIFY_YOUR_IDENTITY": "దయచేసి మీ నమోదిత మొబైల్ నంబర్‌లో OTPని స్వీకరించడం ద్వారా మీ గుర్తింపును ధృవీకరించండి",
+  "SEND_OTP": "OTPని పంపు",
+  "RESEND": "మళ్లీ పంపు",
+  "VERIFY_OTP": "OTPని ధృవీకరించండి",
+  "PLEASE_SELECT_YOUR_RESIDENCY": "దయచేసి మీ నివాసాన్ని ఎంచుకోండి",
+  "PLEASE_ENTER_YOUR_NAME": "దయచేసి మీ పేరు నమోదు చేయండి",
+  "PLEASE_ENTER_VALID_NAME": "దయచేసి చెల్లుబాటు అయ్యే పేరును నమోదు చేయండి",
+  "PLEASE_SELECT_YOUR_GENDER": "దయచేసి మీ లింగాన్ని ఎంచుకోండి",
+  "PLEASE_ENTER_YOUR_MOBILE_NUMBER": "దయచేసి మీ మొబైల్ నంబర్‌ని నమోదు చేయండి",
+  "PLEASE_ENTER_VALID_MOBILE_NUMBER": "దయచేసి చెల్లుబాటు అయ్యే మొబైల్ నంబర్‌ని నమోదు చేయండి",
+  "PLEASE_SELECT_YOUR_DOB": "దయచేసి మీ పుట్టిన తేదీని ఎంచుకోండి",
+  "PLEASE_ENTER_YOUR_EMAIL": "దయచేసి మీ ఇమెయిల్‌ని నమోదు చేయండి",
+  "PLEASE_ENTER_VALID_EMAIL": "దయచేసి చెల్లుబాటు అయ్యే ఇమెయిల్‌ని నమోదు చేయండి",
+  "PLEASE_SELECT_YOUR_COUNTRY": "దయచేసి మీ దేశాన్ని ఎంచుకోండి",
+  "PLEASE_SELECT_YOUR_STATE": "దయచేసి మీ రాష్ట్రాన్ని ఎంచుకోండి",
+  "PLEASE_SELECT_YOUR_DISTRICT": "దయచేసి మీ జిల్లాను ఎంచుకోండి",
+  "PLEASE_ENTER_YOUR_VILLAGE": "దయచేసి మీ గ్రామాన్ని నమోదు చేయండి",
+  "PLEASE_ENTER_YOUR_HOUSE_NUMBER": "దయచేసి మీ ఇంటి నంబర్‌ను నమోదు చేయండి",
+  "PLEASE_ENTER_YOUR_STREET": "దయచేసి మీ వీధిని నమోదు చేయండి",
+  "PLEASE_ENTER_YOUR_LOCALITY": "దయచేసి మీ ప్రాంతాన్ని నమోదు చేయండి",
+  "PLEASE_ENTER_YOUR_AREA_POST_OFFICE": "దయచేసి మీ ప్రాంత పోస్టాఫీసును నమోదు చేయండి",
+  "PLEASE_ENTER_NEAREST_LANDMARK": "దయచేసి సమీప మైలురాయిని నమోదు చేయండి",
+  "PLEASE_ENTER_YOUR_AREA_PINCODE": "దయచేసి మీ ఏరియా పిన్‌కోడ్‌ని నమోదు చేయండి",
+  "PLEASE_ENTER_VALID_PINCODE": "దయచేసి చెల్లుబాటు అయ్యే పిన్‌కోడ్‌ని నమోదు చేయండి",
+  "I_HEREBY_CONFIRM_THE_IDENTITY_AND_ADDRESS": "నేను దీని ద్వారా ____________ యొక్క గుర్తింపు మరియు చిరునామాను నిజం, సరైనది మరియు ఖచ్చితమైనదిగా ధృవీకరిస్తున్నాను.",
+  "PHOTOGRAPH": "ఫోటోగ్రాఫ్",
+  "FINGERPRINT_SCAN": "ఫింగర్‌ప్రింట్ స్కాన్",
+  "IRIS_SCAN": "ఐరిస్ స్కాన్",
+  "DEMOGRAPHIC": "డెమోగ్రాఫిక్",
+  "BIOMETRIC": "బయోమెట్రిక్",
+  "PLEASE_TAKE_THE_PICTURE_OF_THE_PROOF_OF_IDENTITY": "దయచేసి గుర్తింపు రుజువు యొక్క చిత్రాన్ని తీయండి",
+  "PLEASE_TAKE_THE_PICTURE_OF_THE_PROOF_OF_ADDRESS": "దయచేసి గుర్తింపు రుజువు యొక్క చిత్రాన్ని తీయండి",
+  "PLEASE_TAKE_THE_PICTURE_OF_THE_PROOF_OF_DATE_OF_BIRTH": "దయచేసి పుట్టిన తేదీ రుజువు యొక్క చిత్రాన్ని తీయండి",
+  "PLEASE_CAPTURE_PHOTOGRAPH": "దయచేసి ఛాయాచిత్రాన్ని తీయండి",
+  "SCAN_YOUR_DOCUMENT": "దయచేసి మీ పత్రాన్ని స్కాన్ చేయండి",
+  "INCORRECT_OTP": "తప్పు OTP!",
+  "OTP_VERIFIED!": "OTP ధృవీకరించబడింది!",
+  "PROVIDE_YOUR_AADHAAR_NUMBER": "మీ ఆధార్ నంబర్‌ని అందించండి",
+  "SUBMIT": "సమర్పించు",
+  "ENTER_YOUR_AADHAAR_NUMBER": "మీ ఆధార్ నంబర్‌ని నమోదు చేయండి",
+  "PLEASE_ENTER_VALID_AADHAAR_NUMBER": "దయచేసి చెల్లుబాటు అయ్యే ఆధార్ నంబర్‌ను నమోదు చేయండి",
+  "ENTER_OTP": "OTPని నమోదు చేయండి",
+  "SENT_TO_YOUR_REGISTERED_MOBILE_NUMBER": "మీ నమోదిత మొబైల్ నంబర్‌కి పంపబడింది",
+  "PLEASE_VERIFY_OTP": "దయచేసి OTPని ధృవీకరించండి",
+  "USER_ALREADY_EXISTS": "USER ఇప్పటికే ఉన్నారు",
+  "YOU_HAVEN'T_UPDATED_ANYTHING": "మీరు ఏదీ అప్‌డేట్ చేయలేదు.",
+  "YOU_MAY_EITHER_UPDATE_OR_MOVE_TO_NEXT_STEP": "మీరు నవీకరించవచ్చు లేదా తదుపరి దశకు వెళ్లవచ్చు",
+  "YOU_HAVENT_UPDATED_ANYTHING_DIRECTING_YOU_TO_MAIN_PAGE": "మీరు దేనినీ నవీకరించలేదు. మిమ్మల్ని ప్రధాన పేజీకి మళ్లిస్తున్నాము",
+  "STATUS": "స్టేటస్",
+  "ENROLLMENT_STATUS": "నమోదు స్థితి",
+  "YOUR_AADHAAR_STATUS_IS_IN_PENDING_STATE": "మీ ఆధార్ నమోదు అభ్యర్థన ప్రాసెస్‌లో ఉంది.",
+  "PLEASE_HAVE_PATIENCE": "దయచేసి ఓపిక పట్టండి మరియు కనీసం 48 గంటలు వేచి ఉండండి",
+  "YOUR_AADHAAR_STATUS_IS_APPROVED": "మీ ఆధార్ నమోదు అభ్యర్థన ఆమోదించబడింది",
+  "PRINT_YOUR_AADHAAR_CARD_FROM_WEBSITE": "మీరు ఇప్పుడు మీ ఆధార్ కార్డ్‌ని అధికారిక వెబ్‌సైట్ నుండి ప్రింట్ చేయవచ్చు",
+  "BACK_TO_HOME": "తిరిగి ఇంటికి",
+  "FILL_YOUR_INFORMATION": "మీ సమాచారాన్ని పూరించండి",
+  "SELECT_YOUR_RESIDENCY_BY_SELECTING_THE_APPROPRIATE_CHECKBOX": "సముచితమైన చెక్‌బాక్స్‌ని ఎంచుకోవడం ద్వారా మీ నివాసాన్ని ఎంచుకోండి",
+  "ENTER_YOUR_FULL_NAME_WITHOUT_ANY_TITLE_OR_SALUTATION": "ఏ విధమైన శీర్షిక లేదా వందనం లేకుండా మీ పూర్తి పేరును నమోదు చేయండి",
+  "SELECT_YOUR_GENDER_BY_CLICKING_ON_THE_APPROPRIATE_CARD": "సముచితమైన కార్డ్‌పై క్లిక్ చేయడం ద్వారా మీ లింగాన్ని ఎంచుకోండి",
+  "SELECT_YOUR_DATE_OF_BIRTH_FROM_THE_PROVIDED_CALENDER": "అందించిన క్యాలెండర్ నుండి మీ పుట్టిన తేదీని ఎంచుకోండి",
+  "ENTER_YOUR_10_DIGIT_MOBILE_NUMBER_WITHOUT_ANY_PREFIX_OR_COUNTRY_ID": "మీ 10 అంకెల మొబైల్ నంబర్‌ను ఎలాంటి ఉపసర్గ లేదా దేశం ID లేకుండా నమోదు చేయండి",
+  "ENTER_YOUR_DETAILS_ACCORDING_TO_THE_RELEVANT_FIELDS": "సంబంధిత ఫీల్డ్‌ల ప్రకారం మీ వివరాలను నమోదు చేయండి",
+  "SELECT_THE_STATE_YOU_BELONG_TO_FROM_THE_DROPDOWN_LIST": "డ్రాప్‌డౌన్ జాబితా నుండి మీరు చెందిన రాష్ట్రాన్ని ఎంచుకోండి",
+  "SELECT_THE_DISTRICT_YOU_BELONG_TO_FROM_THE_DROPDOWN_LIST": "డ్రాప్‌డౌన్ జాబితా నుండి మీరు చెందిన జిల్లాను ఎంచుకోండి",
+  "CAPTURE_YOUR_PHOTO": "మీ ఫోటోను క్యాప్చర్ చేయండి",
+  "ENSURE_THAT_YOUR_PHOTO_IS_CLEAR_AND_IN_FOCUS": "మీ ఫోటో స్పష్టంగా మరియు ఫోకస్‌లో ఉందని నిర్ధారించుకోండి",
+  "ALSO_ENSURE_THAT_YOU_ARE_IN_THE_CENTER_OF_YOUR_PHOTO": "అలాగే మీరు మీ ఫోటో మధ్యలో ఉన్నారని నిర్ధారించుకోండి",
+  "YOU_WONT_BE_ABLE_TO_PROCEED_UNTIL_YOU_HAVE_CAPTURED_A_CLEAR_AND_CENTERED_PHOTO": "మీరు స్పష్టమైన మరియు కేంద్రీకృతమైన ఫోటోను సంగ్రహించే వరకు మీరు కొనసాగలేరు",
+  "PLEASE_CAPTURE_CLEAR_PHOTOGRAPH": "దయచేసి స్పష్టమైన ఛాయాచిత్రాన్ని తీయండి",
+  "PLEASE_WAIT": "దయచేసి వేచి ఉండండి",
+  "SCAN_YOUR_DOCUMENTS": "మీ పత్రాలను స్కాన్ చేయండి",
+  "CONSISTS_OF_3_STEPS": "3 దశలను కలిగి ఉంటుంది",
+  "ENSURE_THAT_YOUR_DOCUMENTS_ARE_IN_THE_CENTER_OF_THE_FRAME": "మీ పత్రాలు ఫ్రేమ్ మధ్యలో ఉన్నాయని నిర్ధారించుకోండి",
+  "YOU_WONT_BE_ABLE_TO_PROCEED_UNTIL_YOU_HAVE_SCANNED_ALL_THE_REQUIRED_DOCUMENTS": "మీరు అవసరమైన అన్ని పత్రాలను స్కాన్ చేసే వరకు మీరు కొనసాగలేరు",
+  "CLICK_ON_SEND_OTP": "\"OTP పంపు\" పై క్లిక్ చేయండి ",
+  "YOU_CAN_RESEND_THE_OTP_AFTER_30_SECONDS_IF_YOU_HAVENT_RECEIVED_IT_YET": "మీరు OTPని ఇంకా అందుకోకుంటే 30 సెకన్ల తర్వాత మళ్లీ పంపవచ్చు",
+  "CLICK_ON_VERIFY_OTP_TO_VERIFY_YOUR_MOBILE_NUMBER": "మీ మొబైల్ నంబర్‌ని ధృవీకరించడానికి OTPని ధృవీకరించుపై క్లిక్ చేయండి",
+  "VERIFY_YOUR_MOBILE_NUMBER": "మీ మొబైల్ నంబర్‌ని ధృవీకరించండి",
+  "UPDATE_THE_REQUIRED_DETAILS_IN_THE_RELEVANT_FIELDS_BY_CLICKING_THE_EDIT_BUTTON": "సవరించు బటన్‌ను క్లిక్ చేయడం ద్వారా సంబంధిత ఫీల్డ్‌లలో అవసరమైన వివరాలను నవీకరించండి",
+  "IF_REQUIRED_SELECT_THE_STATE_YOU_BELONG_TO_FROM_THE_DROPDOWN_LIST": "అవసరమైతే, డ్రాప్‌డౌన్ జాబితా నుండి మీరు చెందిన రాష్ట్రాన్ని ఎంచుకోండి",
+  "IF_REQUIRED_SELECT_THE_DISTRICT_YOU_BELONG_TO_FROM_THE_DROPDOWN_LIST_THIS_WONT_SHOW_ANY_OPTIONS_UNTIL_YOU_HAVE_SELECTED_THE_STATE": "అవసరమైతే, మీరు ఎంచుకున్న రాష్ట్రం నుండి మీరు ఎంచుకున్న డ్రాప్‌డౌన్ జాబితాను ఎంపిక చేసుకునేంత వరకు, రాష్ట్రానికి చెందిన డ్రాప్‌డౌన్ జాబితాను ఎంచుకోండి",
+  "YOU_WILL_RECIEVE_AN_OTP_ON_YOUR_MOBILE_NUMBER": "మీరు మీ మొబైల్ నంబర్‌కి OTPని అందుకుంటారు",
+  "CLICK_ON_THE_EDIT_BUTTON_TO_UPDATE_THE_REQUIRED_BIOMETRICS": "అవసరమైన బయోమెట్రిక్‌లను నవీకరించడానికి సవరణ బటన్‌పై క్లిక్ చేయండి",
+  "YOU_CAN_EDIT_YOUR_PHOTOGRAPH_/_FINGERPRINTS_/_IRIS_SCANS": "మీరు మీ ఛాయాచిత్రం / వేలిముద్రలు / ఐరిస్ స్కాన్‌లను సవరించవచ్చు",
+  "SELECT_THE_OPTION_TO_BE_EDITED": "సవరించవలసిన ఎంపికను ఎంచుకోండి",
+  "CHECK_STATUS": "స్థితిని తనిఖీ చేయండి",
+  "PROVIDE_YOUR_EID_NUMBER": "మీ EID నంబర్‌ను అందించండి",
+  "UPDATE_STATUS": "స్థితిని నవీకరించండి",
+  "APPROVED": "ఆమోదించబడింది",
+  "YOUR_AADHAAR_UPDATE_STATUS_IS_APPROVED": "మీ ఆధార్ అప్‌డేట్ స్థితి ఆమోదించబడింది",
+  "ENTER_YOUR_EID_NUMBER": "మీ EID నంబర్‌ని నమోదు చేయండి",
+  "PENDING": "పెండింగ్‌లో ఉంది"
+}
diff --git a/client/src/pages/Enrollment/IrisScan/IrisScan.jsx b/client/src/pages/Enrollment/IrisScan/IrisScan.jsx
index 840fe14..5e79afe 100644
--- a/client/src/pages/Enrollment/IrisScan/IrisScan.jsx
+++ b/client/src/pages/Enrollment/IrisScan/IrisScan.jsx
@@ -7,8 +7,119 @@ import SubmitButton from '../../../components/SubmitButton/SubmitButton'
 import PopUpModal from '../../../components/Modal/Modal'
 import { useTranslation } from 'react-i18next'
 import AudioAutoplay from '../../../components/AudioAutoplay/AudioAutoplay'
+// import { userContext } from '../../../context/User'
 
 const IrisScan = () => {
+  // const { userData, setUserData } = userContext()
+  // const
+  // const webcamRef = React.useRef(null)
+
+  // const capture = React.useCallback((doc) => {
+  //   const imageSrc = webcamRef.current.getScreenshot()
+  //   doccu[doc] = imageSrc
+  //   setDocuments({
+  //     ...documents,
+  //     POI: doccu.POI,
+  //     POA: doccu.POA,
+  //     DOB: doccu.DOB
+  //   })
+  // })
+
+  // const WebcamComponent = ({ doc }) => {
+  //   return (
+  //     <>
+  //       <div className={styles.container}>
+  //         <button
+  //           className={styles.button}
+  //           disabled={activeStep === 0}
+  //           onClick={handleBack}
+  //         >
+  //           <img
+  //             src={`${process.env.PUBLIC_URL}/assets/images/back_inverse.svg`}
+  //             alt=""
+  //             className={styles.image}
+  //           />
+  //         </button>
+  //         <div className={styles.card__container}>
+  //           {documents[doc] === '' ? (
+  //             <Webcam
+  //               audio={false}
+  //               height={500}
+  //               ref={webcamRef}
+  //               screenshotFormat="image/jpeg"
+  //               width={600}
+  //               videoConstraints={{
+  //                 height: 400,
+  //                 width: 600,
+  //                 facingMode: 'user'
+  //               }}
+  //             />
+  //           ) : (
+  //             <img src={documents[doc]} />
+  //           )}
+  //         </div>
+  //         <button onClick={handleNext} className={styles.button}>
+  //           <img
+  //             src={`${process.env.PUBLIC_URL}/assets/images/next_inverse.svg`}
+  //             alt=""
+  //             className={styles.image}
+  //           />
+  //         </button>
+  //       </div>
+  //       <div className={styles.button__container}>
+  //         <Button
+  //           color="primary"
+  //           size="large"
+  //           type="submit"
+  //           variant="contained"
+  //           sx={{
+  //             margin: '0px 20px',
+  //             fontSize: '1.5rem',
+  //             padding: '10px 30px'
+  //           }}
+  //           onClick={(e) => {
+  //             e.preventDefault()
+  //             capture(doc)
+  //           }}
+  //         >
+  //           {t('SCAN')}
+  //         </Button>
+  //         <Button
+  //           color="primary"
+  //           size="large"
+  //           type="submit"
+  //           variant="contained"
+  //           sx={{
+  //             margin: '0px 20px',
+  //             fontSize: '1.5rem',
+  //             padding: '10px 30px'
+  //           }}
+  //           onClick={(e) => {
+  //             e.preventDefault()
+  //             doccu[doc] = ''
+  //             setDocuments({
+  //               ...documents,
+  //               POI: doccu.POI,
+  //               POA: doccu.POA,
+  //               DOB: doccu.DOB
+  //             })
+  //           }}
+  //         >
+  //           {t('RESET')}
+  //         </Button>
+  //       </div>
+  //       <br></br>
+  //       <div>
+  //         <div>
+  //           <Typography align="center" sx={{ fontSize: '1.5rem' }}>
+  //             {t('KINDLY_CLICK_THE_PICTURE_OF_YOUR_DOCUMENTS')}
+  //           </Typography>
+  //         </div>
+  //       </div>
+  //     </>
+  //   )
+  // }
+
   const { t } = useTranslation()
   return (
     <>