@kadoui/react
Version:
Kadoui primitive components for React
16 lines (15 loc) • 609 B
JavaScript
"use client";
import { jsx as _jsx } from "react/jsx-runtime";
import { useEffect, useRef } from "react";
import { OtpContext } from "./OtpContext";
import { AccessNavigation, } from "../AccessNavigation/AccessNavigation";
export function OtpRoot(p) {
const inputs = useRef([]);
useEffect(() => {
inputs.current[0]?.focus();
}, []);
const getInputsValue = () => {
return inputs?.current.map((input) => input?.value || "").join("") || "";
};
return (_jsx(OtpContext, { value: { inputs, getInputsValue }, children: _jsx(AccessNavigation, { direction: "x", ...p }) }));
}