blob: 24e9e7f6df860f78b7e079b9ac17d63e2f22227e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
import { HStack, PinInput, PinInputField } from "@chakra-ui/react"
import Modal from '~/common/components/elements/Modal'
const FormOTP = () => {
return (
<Modal active={false} className="w-10/12 md:w-fit px-10" mode="desktop">
<div className="pb-8 flex flex-col items-center">
<div className="text-title-sm font-medium mb-4">Masukan Kode OTP</div>
<HStack>
<PinInput size='lg' otp>
<PinInputField autoFocus />
<PinInputField />
<PinInputField />
<PinInputField />
</PinInput>
</HStack>
<div className="mt-4">Kode OTP dikirimkan ke email anda</div>
</div>
</Modal>
)
}
export default FormOTP
|
