react-native-otp-entry/dist/OtpInput/OtpInput.styles.js

A fully modifiable OTP Input Component for React Native

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.styles = void 0;
const react_native_1 = require("react-native");
exports.styles = react_native_1.StyleSheet.create({
    container: {
        width: "100%",
        flexDirection: "row",
        justifyContent: "space-between",
    },
    codeContainer: {
        borderWidth: 1,
        borderRadius: 12,
        borderColor: "#DFDFDE",
        height: 60,
        width: 44,
        justifyContent: "center",
        alignItems: "center",
    },
    codeText: {
        fontSize: 28,
    },
    hiddenInput: {
        ...react_native_1.StyleSheet.absoluteFillObject,
        ...react_native_1.Platform.select({
            ios: {
                opacity: 0.02,
                color: "transparent",
            },
            default: {
                opacity: 0,
            },
        }),
    },
    stick: {
        width: 2,
        height: 30,
        backgroundColor: "green",
    },
});