// Module ID: 14447
// Function ID: 14448
// Name: BountiesModalProgress
// Dependencies: [32, 19, 17, 21, 4668, 712, 4119, 4671, 4674, 2]
// Exports: default

// Module 14447 (BountiesModalProgress)
import ThemesDefault from "Themes" /* 712 */;
import closure_3 from "_slicedToArray" /* 32 */;
import closure_4 from "noop" /* 19 */;
import get_ActivityIndicator from "get ActivityIndicator" /* 17 */;
import jsxProd from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4668 */;

const require = arg1;
({ StyleSheet: c5, View: closure_6 } = get_ActivityIndicator);
({ jsx: error, jsxs: closure_8 } = jsxProd);
let closure_9 = createCacheKey.createStyles(() => {
  let obj = { progressContainer: { height: 4 }, progressTrack: null, progressBar: null, progressBarGlowLayer: null };
  obj = {};
  const merged = Object.assign(absoluteFillObject.absoluteFillObject);
  obj.borderRadius = ThemesDefault.radii.round;
  obj.backgroundColor = ThemesDefault.colors.CONTROL_OVERLAY_SECONDARY_BACKGROUND_DEFAULT;
  obj.opacity = 0.54;
  obj[1] = obj;
  obj = { position: "absolute", height: "100%", left: 0, bottom: 0, borderRadius: ThemesDefault.radii.round, backgroundColor: ThemesDefault.unsafe_rawColors.GREEN_300, shadowOffset: { width: 0, height: 0 }, shadowRadius: 8, shadowOpacity: 1, elevation: 4, shadowColor: "#30C773" };
  obj[2] = obj;
  obj[3] = { position: "absolute", height: "100%", left: 0, bottom: 0, borderRadius: ThemesDefault.radii.round, backgroundColor: ThemesDefault.unsafe_rawColors.GREEN_300, shadowOffset: { width: 0, height: 0 }, shadowRadius: 12, shadowOpacity: 1, elevation: 8, shadowColor: ThemesDefault.unsafe_rawColors.GREEN_300 };
  return obj;
});
let closure_10 = { code: "function BountiesModalProgressTsx1(){const{withTiming,visible,timingFast}=this.__closure;return{opacity:withTiming(visible?1:0,timingFast)};}" };
let closure_11 = { code: "function BountiesModalProgressTsx2(){const{withTiming,progress,shouldSkipAnimation,timingNone,timingFast}=this.__closure;return{width:withTiming(progress*100+\"%\",shouldSkipAnimation?timingNone:timingFast,'animate-always')};}" };
let result = require("set").fileFinishedImporting("modules/quests/native/BountiesModal/BountiesModalProgress.tsx");

export default function BountiesModalProgress(progress) {
  progress = progress.progress;
  const visible = progress.visible;
  let first;
  const tmp = callback4();
  let tmp2 = callback(React.useState(false), 2);
  first = tmp2[0];
  const tmp4 = callback(React.useState(progress), 2);
  const first1 = tmp4[0];
  if (progress !== first1) {
    tmp4[1](progress);
    tmp2[1](progress < first1);
  }
  let obj = progress(first[6]);
  class O {
    constructor() {
      tmp = progress;
      tmp2 = closure_2;
      obj = progress(closure_2[7]);
      num = 0;
      if (visible) {
        num = 1;
      }
      obj = { opacity: obj.withTiming(num, tmp(tmp2[8]).timingFast) };
      return obj;
    }
  }
  obj = { withTiming: progress(first[7]).withTiming, visible, timingFast: progress(first[8]).timingFast };
  O.__closure = obj;
  O.__workletHash = 5158131592262;
  O.__initData = closure_10;
  const animatedStyle = obj.useAnimatedStyle(O);
  let obj2 = progress(first[6]);
  class B {
    constructor() {
      obj = progress(closure_2[7]);
      result = 100 * progress;
      tmp2 = progress(closure_2[8]);
      obj = { width: obj.withTiming(`${tmp}%`, closure_2 ? tmp2.timingNone : tmp2.timingFast, "animate-always") };
      return obj;
    }
  }
  obj = { withTiming: progress(first[7]).withTiming, progress, shouldSkipAnimation: first, timingNone: progress(first[8]).timingNone, timingFast: progress(first[8]).timingFast };
  B.__closure = obj;
  B.__workletHash = 15586067343237;
  B.__initData = closure_11;
  const animatedStyle1 = obj2.useAnimatedStyle(B);
  obj1 = { style: items, children: null };
  items = [tmp.progressContainer, progress.style, animatedStyle];
  obj2 = { style: tmp.progressTrack };
  const items1 = [callback2(closure_6, obj2), , ];
  const items2 = [tmp.progressBarGlowLayer, animatedStyle1];
  items1[1] = callback2(visible(first[6]).View, { style: items2 });
  const items3 = [tmp.progressBar, animatedStyle1];
  items1[2] = callback2(visible(first[6]).View, { style: items3 });
  obj1[1] = items1;
  return callback3(visible(first[6]).View, obj1);
};
export const PROGRESS_BAR_HEIGHT = 4;