// Module ID: 8356
// Function ID: 8357
// Name: UserProfileFixedBackground
// Dependencies: [32, 19, 17, 21, 4350, 8357, 8358, 5071, 2]

// Module 8356 (UserProfileFixedBackground)
import native from "native" /* 4350 */;
import LinearGradientDefault from "LinearGradient" /* 5071 */;
import useUserProfileColors from "useUserProfileColors" /* 8357 */;
import useUserProfileGradientColors from "useUserProfileGradientColors" /* 8358 */;
import _slicedToArray from "module_32" /* 32 */;
import noop from "module_19" /* 19 */;

require = fn;
get_ActivityIndicator = fn(17);
({ StyleSheet: closure_4, View: hasOwnProperty } = get_ActivityIndicator);
const jsx = fn(21).jsx;
const size = fn(2);
const result = size.fileFinishedImporting("modules/user_profile/native/UserProfileFixedBackground.tsx");

export default noop.memo((style) => {
  style = style.style;
  ({ gradientHeight, bannerHeight } = style);
  const themeContext = native.useThemeContext();
  ({ primaryColor, secondaryColor, theme } = themeContext);
  const gradientFallbackBackground = useUserProfileColors.useUserProfileColors({ theme, primaryColor, secondaryColor }).gradientFallbackBackground;
  const first = _slicedToArray(useUserProfileGradientColors.useUserProfileGradientColors(primaryColor, secondaryColor, gradientFallbackBackground), 2)[0];
  if (null != primaryColor) {
    if (null != secondaryColor) {
      const _Math = Math;
      const _Math2 = Math;
      const bound = Math.min(1, Math.max(0, bannerHeight / gradientHeight));
      const obj4 = { colors: null, locations: null, style: null, pointerEvents: "none" };
      const items = [first, first, tmp5];
      obj4.colors = items;
      const items1 = [0, bound, 1];
      obj4.locations = items1;
      const items2 = [React4.absoluteFill, style];
      obj4.style = items2;
      return jsx(LinearGradientDefault, { colors: null, locations: null, style: null, pointerEvents: "none" });
    }
  }
  const obj5 = { style: null, pointerEvents: "none" };
  const items3 = [React4.absoluteFill, { backgroundColor: gradientFallbackBackground }, style];
  obj5.style = items3;
  return <hasOwnProperty style={null} pointerEvents="none" />;
});