Files
discord-decomp/modules/quests/native/QuestModalContentCloudBackground.tsx
T
2026-11-01 12:12:55 +02:00

60 lines
1.9 KiB
TypeScript

// 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>;
};