// Module ID: 12149
// Function ID: 12150
// Name: renderCircle
// Dependencies: [19, 17, 21, 4380, 4108, 712, 7985, 2]

// Module 12149 (renderCircle)
import ThemesDefault from "Themes" /* 712 */;
import inlineStyles from "inlineStyles" /* 7985 */;
import inlineStylesDefault from "inlineStyles" /* 7985 */;
import { View } from "get ActivityIndicator" /* 17 */;
import jsxProd from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4380 */;
import importAllResult from "noop" /* 19 */;

require = arg1;
({ jsx: c4, jsxs: c5 } = jsxProd);
let closure_6 = createCacheKey.createLegacyClassComponentStyles({ progressCircle: { alignItems: "center", justifyContent: "center" }, circle: { position: "absolute", width: "100%", height: "100%" }, circleOverlay: { position: "relative", display: "flex", justifyContent: "center", alignItems: "center" } });
const Component = importAllResult.Component;
class ProgressCircle extends Component {
}
const prototype = ProgressCircle.prototype;
prototype["renderCircle"] = function renderCircle() {
  const props = this.props;
  ({ size, strokeWidth } = props);
  const result = (size - strokeWidth) / 2;
  const result1 = result * Math.PI * 2;
  const bound = Math.min(Math.max(props.percent, 0), 100);
  let obj = { viewBox: null, style: null, children: null };
  const tmp = callback2(this.context);
  obj[0] = "0 0 " + size + " " + size;
  obj[1] = tmp.circle;
  obj = { fill: "none", cx: size / 2, cy: size / 2, r: result, strokeWidth, strokeLinecap: "round", transform: "rotate(-90 " + size / 2 + " " + size / 2 + ")", stroke: props.color, style: obj };
  obj = { strokeDasharray: result1, strokeDashoffset: (1 - bound / 100) * result1 };
  obj[2] = callback(inlineStyles.Circle, obj);
  return callback(inlineStylesDefault, obj);
};
prototype["render"] = function render() {
  const tmp = callback2(this.context);
  const props = this.props;
  const children = props.children;
  let obj = { style: items, children: null };
  items = [tmp.progressCircle, props.style];
  const items1 = [this.renderCircle(), ];
  let tmp4 = null;
  if (null != children) {
    obj = { style: null, children: null };
    obj[0] = tmp.circleOverlay;
    obj[1] = children;
    tmp4 = callback(tmp3, obj);
  }
  items1[1] = tmp4;
  obj[1] = items1;
  return closure_5(View, obj);
};
ProgressCircle.contextType = require("ManaContext").ThemeContext;
createCacheKey = { size: 20, strokeWidth: 0.9, color: ThemesDefault.unsafe_rawColors.GUILD_BOOSTING_PINK };
ProgressCircle.defaultProps = createCacheKey;
let result = require("set").fileFinishedImporting("modules/premium/native/components/ProgressCircle.tsx");

export default ProgressCircle;