Six code boxes fill one by one behind a moving caret, shake in rose when the first code is wrong, then refill with the right one and settle into an emerald verified state.
The import and the props worth knowing about, in one place.
import { Input31 } from "@/components/beste/piece/input31";
<Input31
label="Verification code"
hint="Sent to [email protected]"
code="482913"
wrongCode="482910"
/>