react-native-confirmation-code-field/esm/Cursor.js

A react-native component to input confirmation code for both Android and IOS

import { useCallback, useState } from 'react';
import { useInterval } from './useTimer';
export const DEFAULT_BLINKING_SPEED = 500;
export const DEFAULT_CURSOR_SYMBOL = '|';
export const Cursor = ({ cursorSymbol = DEFAULT_CURSOR_SYMBOL, delay = DEFAULT_BLINKING_SPEED, }) => {
    'use memo';
    const [visibleFlag, setFlag] = useState(true);
    const toggleVisibility = useCallback(() => {
        setFlag((prev) => !prev);
    }, []);
    useInterval(toggleVisibility, delay);
    return <>{visibleFlag ? cursorSymbol : ''}</>;
};
Cursor.displayName = 'Cursor';