// Metro module 14074 (f14075).
import { View } from "react-native";
import AccessibilityStore from "../../../a11y/AccessibilityStore";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { isIOS } from "../../../../utils/PlatformUtils";
import { intl, t } from "../../../../intl/index.native";
import { Text } from "../../../../design/components/Text/native/Text";
import { OrbsIcon } from "../../../../design/components/Icon/native/redesign/generated/OrbsIcon";
import { useStateFromStores } from "../../../../_bundle/Module589";
import { BountiesScrollGradientRive } from "../../../../_bundle/Module3901";
const useStyles = createStyles(() => ({
  container: {
    flex: 1,
    alignItems: "center",
    justifyContent: "center",
    gap: Module712.space.PX_4
  },
  headerLabel: {
    textTransform: "uppercase"
  },
  orbRow: {
    flexDirection: "row",
    alignItems: "center",
    gap: Module712.space.PX_4
  },
  rive: {
    flex: 1,
    width: "100%"
  },
  orbAmount: {
    marginTop: isIOS() ? 6 : 0
  }
}));
export function BountiesScrollRecapFooter(props) {
  const orbAmount = props.orbAmount;
  const styles = useStyles();
  const r6 = intl.string(t.d6Rrn6);
  return <View style={styles.container} pointerEvents="none" accessible accessibilityRole="text" accessibilityLabel={`${r6}, +${orbAmount}`}>
    <Text variant="text-xs/bold" color="text-brand" style={styles.headerLabel} accessible={false}>{r6}</Text>
    <View style={styles.orbRow} accessible={false} importantForAccessibility="no-hide-descendants">
      <OrbsIcon size="sm" color="icon-strong" accessible={false} />
      <Text variant="display-sm" color="text-strong" accessible={false} style={styles.orbAmount}>
        {`+${orbAmount}`}
      </Text>
    </View>
  </View>;
}
export function BountiesScrollRecapFooterGradient() {
  return <View style={useStyles().rive}>
    <BountiesScrollGradientRive stateMachine="State Machine 1" fit="fill" alignment="bottom-center" withReducedMotion={useStateFromStores([AccessibilityStore], () => AccessibilityStore.useReducedMotion) ? "halt" : "play"} />
  </View>;
}