// Metro module 14113 (f14114).
import { memo } from "react";
import { StyleSheet, View } from "react-native";
import AccessibilityStore from "../../a11y/AccessibilityStore";
import { useStateFromStores } from "../../../_bundle/Module589";
import { VideoComponent } from "../../../components_native/common/Video";
import Module4611 from "../../../_bundle/Module4611";
const locations = [0, 0.6];
const _excluded = ["rgba(0, 0, 0, 0)", "rgba(0, 0, 0, 0.9)"];
const r29 = memo(function BountiesBannerBackground(props) {
  const children = props.children;
  return <View style={props.style}>
    <VideoComponent source={{
      uri: props.uri
    }} style={StyleSheet.absoluteFillObject} resizeMode="cover" muted disableFocus paused={useStateFromStores([AccessibilityStore], () => AccessibilityStore.useReducedMotion)} importantForAccessibility="no-hide-descendants" />
    <Module4611 colors={_excluded} locations={locations} style={StyleSheet.absoluteFillObject} />
    {children}
  </View>;
});
export default r29;