// Module ID: 6635
// Function ID: 6636
// Name: InputFieldContainer
// Dependencies: [19, 17, 21, 576, 4275, 4574, 6636, 4570, 4310, 4988, 2]
// Exports: InputFieldContainer

// Module 6635 (InputFieldContainer)
import nativeDefault from "native" /* 576 */;
import useToken from "useToken" /* 4275 */;
import spring from "spring" /* 4988 */;
import InputTypes from "InputTypes" /* 6636 */;
import noop from "module_19" /* 19 */;

const require = globalThis.__r;

const Text_Text = tmp(4570);
require = fn;
function useInputStyles(size) {
  let str = size.size;
  if (str === undefined) {
    str = "lg";
  }
  let flag = size.isRound;
  if (flag === undefined) {
    flag = false;
  }
  let flag2 = size.isDisabled;
  if (flag2 === undefined) {
    flag2 = false;
  }
  let flag3 = size.grow;
  if (flag3 === undefined) {
    flag3 = true;
  }
  if ("sm" === str) {
    let INPUT_FIELD_RADIUS_LG = nativeDefault.modules.mobile.INPUT_FIELD_RADIUS_SM;
  } else if ("md" === str) {
    INPUT_FIELD_RADIUS_LG = nativeDefault.modules.mobile.INPUT_FIELD_RADIUS_MD;
  } else if ("lg" === str) {
    INPUT_FIELD_RADIUS_LG = nativeDefault.modules.mobile.INPUT_FIELD_RADIUS_LG;
  }
  let token = useToken.useToken(INPUT_FIELD_RADIUS_LG);
  if (flag) {
    token = tmpResult.useToken(nativeDefault.modules.mobile.INPUT_FIELD_ROUND_RADIUS);
  }
  tmpResult = useToken;
  if ("sm" === str) {
    let INPUT_FIELD_TEXT_STYLE_LG = tmp7(576).modules.mobile.INPUT_FIELD_TEXT_STYLE_SM;
  } else if ("md" === str) {
    INPUT_FIELD_TEXT_STYLE_LG = tmp7(576).modules.mobile.INPUT_FIELD_TEXT_STYLE_MD;
  } else if ("lg" === str) {
    INPUT_FIELD_TEXT_STYLE_LG = tmp7(576).modules.mobile.INPUT_FIELD_TEXT_STYLE_LG;
  }
  const token1 = useToken.useToken(INPUT_FIELD_TEXT_STYLE_LG);
  const tmpResult3 = useToken;
  return closure_9(str, flag2, flag3, token, token1, useToken.useToken(nativeDefault.modules.mobile.INPUT_FIELD_PADDING_VERTICAL_SM_IOS));
}
get_ActivityIndicator = fn(17);
({ Platform, StyleSheet: c3, View: closure_4 } = get_ActivityIndicator);
const jsxProd = fn(21);
({ jsx: hasOwnProperty, jsxs: metroRequire } = jsxProd);
const RING_SPRING_CONFIG = { mass: 0.5, damping: 15, stiffness: 200, overshootClamping: true };
let createStyles = fn(4574);
let closure_9 = createStyles.createStyles(() => {
  let str = arg0;
  if (arg0 === undefined) {
    str = "lg";
  }
  let flag = arg1;
  if (arg1 === undefined) {
    flag = false;
  }
  let flag2 = arg2;
  if (arg2 === undefined) {
    flag2 = true;
  }
  let num = arg3;
  if (arg3 === undefined) {
    num = 12;
  }
  let str2 = arg4;
  if (arg4 === undefined) {
    str2 = "text-md/medium";
  }
  const obj = { sm: InputTypes.InputHeights.SM, md: InputTypes.InputHeights.MD, lg: InputTypes.InputHeights.LG };
  const tmp4 = { sm: nativeDefault.space.PX_8, md: nativeDefault.space.PX_12, lg: nativeDefault.space.PX_16 }[str];
  const obj2 = { sm: nativeDefault.space.PX_8, md: nativeDefault.space.PX_12, lg: nativeDefault.space.PX_16 };
  const tmp5 = { sm: nativeDefault.space.PX_4, md: nativeDefault.space.PX_8, lg: nativeDefault.space.PX_8 }[str];
  const obj4 = { sm: null, md: null, lg: null };
  const obj3 = { sm: nativeDefault.space.PX_4, md: nativeDefault.space.PX_8, lg: nativeDefault.space.PX_8 };
  obj4.sm = { paddingHorizontal: nativeDefault.space.PX_8, paddingVertical: nativeDefault.space.PX_4 };
  const obj5 = { paddingHorizontal: nativeDefault.space.PX_8, paddingVertical: nativeDefault.space.PX_4 };
  obj4.md = { paddingHorizontal: nativeDefault.space.PX_12, paddingVertical: nativeDefault.space.PX_8 };
  const obj6 = { paddingHorizontal: nativeDefault.space.PX_12, paddingVertical: nativeDefault.space.PX_8 };
  obj4.lg = { paddingHorizontal: nativeDefault.space.PX_16, paddingVertical: nativeDefault.space.PX_8 + 2 };
  let num2 = 1;
  if (flag) {
    num2 = 0.5;
  }
  const obj8 = { opacity: num2, pointerEvents: null, flexDirection: "row", flexGrow: null, alignItems: "center" };
  let str3 = "auto";
  if (flag) {
    str3 = "none";
  }
  obj8.pointerEvents = str3;
  let num3 = 0;
  if (flag2) {
    num3 = 1;
  }
  const obj9 = { container: obj8, background: null, placeholderText: null, minHeight: null, radius: null, padding: null, text: null, leadingText: null, trailingText: null, leadingIcon: null, trailingIcon: null, splitBorder: null };
  obj8.flexGrow = num3;
  const obj7 = { paddingHorizontal: nativeDefault.space.PX_16, paddingVertical: nativeDefault.space.PX_8 + 2 };
  obj9.background = { backgroundColor: nativeDefault.colors.INPUT_BACKGROUND_DEFAULT, borderWidth: nativeDefault.modules.mobile.INPUT_FIELD_BORDER_WIDTH, borderColor: nativeDefault.colors.INPUT_BORDER_DEFAULT };
  const obj10 = { backgroundColor: nativeDefault.colors.INPUT_BACKGROUND_DEFAULT, borderWidth: nativeDefault.modules.mobile.INPUT_FIELD_BORDER_WIDTH, borderColor: nativeDefault.colors.INPUT_BORDER_DEFAULT };
  obj9.placeholderText = { color: nativeDefault.colors.INPUT_PLACEHOLDER_TEXT_DEFAULT };
  obj9.minHeight = { minHeight: obj[str] };
  obj9.radius = { borderRadius: num };
  obj9.padding = obj4[str];
  const obj12 = {};
  const merged = Object.assign(Text_Text.TextStyleSheet[str2]);
  obj12.lineHeight = undefined;
  const colors = tmp3(576).colors;
  obj12.color = flag ? colors.TEXT_MUTED : colors.TEXT_DEFAULT;
  obj12.flexGrow = 1;
  obj9.text = obj12;
  const obj13 = { position: "absolute", left: 0 };
  const merged1 = Object.assign(tmp6);
  obj13.paddingEnd = tmp5;
  obj13.zIndex = 1;
  obj13.pointerEvents = "none";
  obj9.leadingText = obj13;
  const obj14 = { position: "absolute", right: 0 };
  const merged2 = Object.assign(tmp6);
  obj14.paddingStart = tmp5;
  obj14.zIndex = 1;
  obj14.pointerEvents = "none";
  obj9.trailingText = obj14;
  obj9.leadingIcon = { position: "absolute", left: 0, top: 0, bottom: 0, paddingTop: tmp4, paddingBottom: tmp4, paddingStart: tmp4, paddingEnd: tmp5, justifyContent: "center", zIndex: 1, pointerEvents: "none" };
  obj9.trailingIcon = { position: "absolute", right: 0, top: 0, bottom: 0, paddingTop: tmp4, paddingBottom: tmp4, paddingStart: tmp5, paddingEnd: tmp4, justifyContent: "center", zIndex: 1, pointerEvents: "none" };
  const obj15 = {};
  const merged3 = Object.assign(tmp6);
  obj15.borderRightWidth = 1;
  obj15.borderRightColor = nativeDefault.colors.BORDER_STRONG;
  obj9.splitBorder = obj15;
  return obj9;
});
createStyles = fn(4574);
let closure_10 = createStyles.createStyleProperties({ error: nativeDefault.colors.INPUT_BORDER_ERROR_DEFAULT, default: "transparent", focused: nativeDefault.colors.INPUT_BORDER_ACTIVE });
const __initData = { code: "function InputFieldContainerNativeTsx1(){const{status,ringColors,isFocused,withSpring,RING_SPRING_CONFIG}=this.__closure;let borderWidth=0;let borderColor='transparent';if(status!=='default'){borderWidth=2;borderColor=ringColors.error;}else if(isFocused){borderWidth=1;borderColor=ringColors.focused;}return{borderWidth:withSpring(borderWidth,RING_SPRING_CONFIG),borderColor:withSpring(borderColor,RING_SPRING_CONFIG),left:-borderWidth,right:-borderWidth,top:-borderWidth,bottom:-borderWidth};}" };
const size = fn(2);
const result = size.fileFinishedImporting("design/components/Input/native/InputFieldContainer.native.tsx");

export { useInputStyles };
export const InputFieldContainer = function InputFieldContainer(isFocused) {
  const tmp = closure_10();
  _require = tmp;
  isFocused = isFocused.isFocused;
  importDefault = tmp2;
  const status = isFocused.status;
  let str = "default";
  if (undefined !== status) {
    str = status;
  }
  const tmp3 = useInputStyles({ size: isFocused.size, isRound: isFocused.isRound, isDisabled: isFocused.isDisabled, grow: isFocused.grow, hasLeadingIcon: null != isFocused.leadingIcon });
  const fn = function s() {
    if ("default" !== str) {
      str = closure_0.error;
      let num = 2;
    } else {
      str = "transparent";
      num = 0;
      if (closure_1) {
        str = closure_0.focused;
        num = 1;
      }
    }
    const rect = { borderWidth: spring.withSpring(num, closure_7), borderColor: null, left: null, right: null, top: null, bottom: null };
    rect.borderColor = spring.withSpring(str, closure_7);
    rect.left = -num;
    rect.right = -num;
    rect.top = -num;
    rect.bottom = -num;
    return rect;
  };
  const obj = { size: isFocused.size, isRound: isFocused.isRound, isDisabled: isFocused.isDisabled, grow: isFocused.grow, hasLeadingIcon: null != isFocused.leadingIcon };
  let obj2 = require("ReanimatedRexport");
  fn.__closure = { status: str, ringColors: tmp, isFocused: undefined !== isFocused && isFocused, withSpring: require("spring").withSpring, RING_SPRING_CONFIG };
  fn.__workletHash = 1037178877006;
  fn.__initData = __initData;
  const obj4 = { style: null, children: null };
  const items = [, , , ];
  ({ container: arr[0], background: arr[1], radius: arr[2], minHeight: arr[3] } = tmp3);
  obj4.style = items;
  const animatedStyle = obj2.useAnimatedStyle(fn);
  const obj5 = { style: null };
  const items1 = [absoluteFill.absoluteFill, tmp3.radius, animatedStyle];
  obj5.style = items1;
  const items2 = [closure_5(require("ReanimatedRexport").View, obj5), isFocused.children];
  obj4.children = items2;
  return closure_6(closure_4, obj4);
};