// Metro module 10669 (f10670).
import { useState } from "react";
import { ImageBackground, StyleSheet, View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import useEmbeddedActivityBackground from "../utils/useEmbeddedActivityBackground";
const useStyles = createStyles({
  overlay: {
    flex: 1,
    opacity: 0.6,
    backgroundColor: Module712.colors.BLACK
  }
});
const _excluded = ["embedded_background"];
export default function EmbeddedActivityBackgroundImageWithOverlay(props) {
  const application = props.application;
  let dimensionsStyle = props.dimensionsStyle;
  const { borderRadius, resizeMode = "contain" } = props;
  const styles = useStyles();
  const [state, setState] = useState(false);
  let applicationId = application?.id;
  if (applicationId == null) {
    applicationId = "";
  }
  let url = useEmbeddedActivityBackground({
    applicationId,
    names: _excluded,
    size: 1024
  }).url;
  let r30 = null;
  if (!state) {
    const r31 = url == null;
    r30 = null;
    if (!r31) {
      r30 = null;
      if (url !== "") {
        if (url == null) {
          url = void 0;
        }
        if (dimensionsStyle == null) {
          dimensionsStyle = StyleSheet.absoluteFillObject;
        }
        r30 = <ImageBackground resizeMode={resizeMode} source={{
          uri: url
        }} style={dimensionsStyle} imageStyle={{
          borderRadius
        }} onError={() => setState(true)}>
          <View style={[styles.overlay, {
            borderRadius
          }]} />
        </ImageBackground>;
      }
    }
  }
  return r30;
};