import React from 'react'; import { Button, Card, Col, Container, Row } from 'react-bootstrap'; //import images import AuthSlider from '../authCarousel'; import { Head, Link } from '@inertiajs/react'; const CoverTwosVerify = () => { const getInputElement = (index: any): HTMLInputElement => { return document.getElementById('digit' + index + '-input') as HTMLInputElement; } const moveToNext = (index: any) => { if (getInputElement(index).value.length === 1) { if (index !== 4) { getInputElement(index + 1).focus(); } else { getInputElement(index).blur(); // Submit code console.log('submit code'); } } } return (

Verify Your Email

Please enter the 4 digit code sent to example@abc.com

Digit 1 moveToNext(1)} />

Digit 2 moveToNext(2)} />

Digit 3 moveToNext(3)} />

Digit 4 moveToNext(4)} />

Didn't receive a code ? Resend

); }; export default CoverTwosVerify;