// Metro module 14151 (f14152).
import { StyleSheet, View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import * as _themes from "../../../design/utils/shared/themes";
import { useTheme } from "../../../hooks/useTheme";
import Module4611 from "../../../_bundle/Module4611";
import FastImage from "../../../components_native/common/FastImage";
import Module14152 from "../../../_bundle/Module14152";
import Module14153 from "../../../_bundle/Module14153";
let _excluded, c9905_9;
const useStyles = createStyles((a0) => ({
  wrapper: {
    ...StyleSheet.absoluteFillObject,
    ...a0 ? {
      top: void 0
    } : {
      bottom: void 0
    },
    height: 380,
    zIndex: 1
  },
  cloudsImage: {
    ...StyleSheet.absoluteFillObject,
    ...a0 ? {
      top: void 0
    } : {
      bottom: void 0
    },
    ...a0 ? {} : {
      transform: [{
        rotate: "180deg"
      }]
    },
    width: "100%"
  },
  cloudsImageLight: {
    ...StyleSheet.absoluteFillObject,
    bottom: void 0,
    width: "100%"
  },
  gradient: {
    ...StyleSheet.absoluteFillObject,
    opacity: 1
  },
  solidBackground: {
    ...StyleSheet.absoluteFillObject
  }
}));
_excluded = ["#292252FF", "#1E1F2200"];
c9905_9 = _excluded.slice().reverse();
export default function QuestModalContentCloudBackground(props) {
  const { align = "bottom", style, imgStyle, resizeMode: resizeMode2 = "cover" } = props;
  const styles = useStyles(align === "bottom");
  const isThemeDark = _themes.isThemeDark(useTheme());
  return <View style={[styles.wrapper, style]}>
    {isThemeDark ? <Module4611 colors={align === "top" ? _excluded : c9905_9} style={styles.gradient} /> : <View style={styles.solidBackground} />}
    <FastImage style={[isThemeDark ? styles.cloudsImage : styles.cloudsImageLight, imgStyle]} source={isThemeDark ? Module14152 : Module14153} resizeMode={resizeMode2} />
  </View>;
};