// Module ID: 6981
// Function ID: 6982
// Name: SplitTextField
// Dependencies: [19, 17, 21, 6635, 6628, 6629, 6633, 6637, 2]

// Module 6981 (SplitTextField)
import useTextField from "useTextField" /* 6628 */;
import useInputClearButton from "useInputClearButton" /* 6629 */;
import useInputAttachments from "useInputAttachments" /* 6633 */;
import InputFieldContainer from "InputFieldContainer" /* 6635 */;
import BaseTextField from "BaseTextField" /* 6637 */;
import noop from "module_19" /* 19 */;

require = fn;
get_ActivityIndicator = fn(17);
({ Pressable: c2, View: c3 } = get_ActivityIndicator);
const jsx = fn(21).jsx;
const size = fn(2);
const result = size.fileFinishedImporting("design/components/SplitTextInput/native/SplitTextField.native.tsx");

export const SplitTextField = noop.forwardRef((size, ref) => {
  const inputStyles = InputFieldContainer.useInputStyles({ size: size.size, isRound: size.isRound });
  const obj2 = { size: size.size, isRound: size.isRound };
  const textField = useTextField.useTextField(size, ref);
  ({ inputProps, innerRef, state } = textField);
  const inputClearButtonConfig = useInputClearButton.useInputClearButtonConfig(size, state);
  let tmp6;
  if (null != inputClearButtonConfig) {
    ({ content: obj5.trailing, pressableProps: obj5.trailingPressableProps } = inputClearButtonConfig);
    tmp6 = { trailing: null, trailingPressableProps: null };
    const obj6 = { trailing: null, trailingPressableProps: null };
  }
  const inputAttachments = useInputAttachments.useInputAttachments(size, tmp6);
  let tmp8 = null;
  ({ trailing, inputStyle } = inputAttachments);
  if (null != size.leadingText) {
    tmp8 = null;
    if (size.leadingText.length > 0) {
      const obj7 = { style: inputStyles.splitBorder, children: null };
      const obj8 = {
        style(pressed) {
              let obj;
              if (pressed.pressed) {
                obj = { opacity: 0.2 };
              }
              const items = [obj];
              return items;
            }
      };
      const merged = Object.assign(size.leadingPressableProps);
      obj8.children = tmp(6633).renderInputAttachment(undefined, size.leadingText, inputStyles.text);
      obj7.children = <React2 style={function style(pressed) {
        let obj;
        if (pressed.pressed) {
          obj = { opacity: 0.2 };
        }
        const items = [obj];
        return items;
      }} />;
      tmp8 = <React3 style={inputStyles.splitBorder}>{null}</React3>;
      const tmpResult2 = tmp(6633);
    }
  }
  const obj9 = {};
  const merged1 = Object.assign(inputProps);
  obj9.ref = innerRef;
  obj9.leading = tmp8;
  obj9.trailing = trailing;
  obj9.inputStyle = inputStyle;
  return jsx(BaseTextField.BaseTextField, {});
});