// Metro module 15971 (f15972).
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import { hexWithOpacity } from "../../../utils/ColorUtils";
import Module712 from "../../../_bundle/Module712";
import useThermalState, { ThermalStates } from "../../device/useThermalState";
import useSafeAreaInsets_native from "../../safe_area/useSafeAreaInsets.native";
import { Text } from "../../../design/components/Text/native/Text";
const useStyles = createStyles({
  container: {
    position: "absolute",
    top: 0,
    left: 0,
    backgroundColor: hexWithOpacity(Module712.unsafe_rawColors.BLACK, 0.7),
    paddingRight: 16,
    paddingBottom: 16
  },
  row: {
    flexDirection: "row"
  }
});
export default function ActivitiesDebugOverlay() {
  const styles = useStyles();
  const thermalState = useThermalState();
  const UNHANDLED = ThermalStates.UNHANDLED;
  let color = "text-overlay-light";
  let r10 = "";
  if (UNHANDLED !== thermalState) {
    const NOMINAL = ThermalStates.NOMINAL;
    color = "text-feedback-positive";
    r10 = "nominal";
    if (NOMINAL !== thermalState) {
      const FAIR = ThermalStates.FAIR;
      color = "text-feedback-warning";
      r10 = "fair";
      if (FAIR !== thermalState) {
        const SERIOUS = ThermalStates.SERIOUS;
        r10 = "serious";
        color = "text-feedback-critical";
        if (SERIOUS !== thermalState) {
          const CRITICAL = ThermalStates.CRITICAL;
          color = void 0;
          r10 = void 0;
          if (CRITICAL === thermalState) {
            r10 = "critical";
            color = "text-feedback-critical";
          }
        }
      }
    }
  }
  const safeAreaInsets_native = useSafeAreaInsets_native();
  return <View style={[styles.container, {
    paddingTop: safeAreaInsets_native.top + 16,
    paddingLeft: safeAreaInsets_native.left + 16
  }]} pointerEvents="none">
    <View style={styles.row}>
      <Text variant="text-md/normal" color="text-overlay-light">
        thermal state:
        {" "}
      </Text>
      <Text variant="text-md/normal" color={color}>{r10}</Text>
    </View>
  </View>;
};