react-native-input-code-otp/lib/module/components/text-input-otp-group.js

react-native-input-code-otp is a high-performance and fully customizable OTP input component for React Native, inspired by @shadcn/ui.

"use strict";

import { Children, cloneElement, isValidElement } from 'react';
import { View, StyleSheet } from 'react-native';
import { jsx as _jsx } from "react/jsx-runtime";
export function TextInputOTPGroup({
  groupStyles,
  children
}) {
  const slots = Children.toArray(children).filter(child => /*#__PURE__*/isValidElement(child));
  return /*#__PURE__*/_jsx(View, {
    style: StyleSheet.flatten([styles.inputGroup, groupStyles]),
    children: slots.map((child, index) => /*#__PURE__*/cloneElement(child, {
      isFirst: index === 0,
      isLast: index === slots.length - 1
    }))
  });
}
const styles = StyleSheet.create({
  inputGroup: {
    flexDirection: 'row',
    alignItems: 'center'
  }
});
//# sourceMappingURL=text-input-otp-group.js.map