// Module ID: 16675
// Function ID: 16676
// Name: IconLabelBlock
// Dependencies: [109, 19, 17, 21, 4837, 588, 4544, 1189, 4833, 10431, 4687, 2]

// Module 16675 (IconLabelBlock)
import nativeDefault from "native" /* 588 */;
import native from "native" /* 1189 */;
import native2 from "native" /* 4544 */;
import shared from "shared" /* 4687 */;
import Text_Text from "Text/Text" /* 4833 */;
import IconUploaderDefault from "IconUploader" /* 10431 */;
import _objectWithoutProperties from "_objectWithoutProperties" /* 109 */;
import react from "react" /* 19 */;
import react_native from "react-native" /* 17 */;
import Fragment from "Fragment" /* 21 */;
import createStyles from "createStyles" /* 4837 */;
import size from "module_2" /* 2 */;

let hasOwnProperty;
let metroImportAll;
let metroImportDefault;
let metroRequire;
let obj2;
let obj3;
let closure_3 = ["error"];
({ View: hasOwnProperty, Image: metroRequire } = react_native);
({ jsx: metroImportDefault, jsxs: metroImportAll } = Fragment);
let obj = { wrapper: { alignItems: "center", paddingTop: 26, paddingBottom: 16 }, error: obj2, label: obj3, iconUploaderWrapper: { alignSelf: "stretch", alignItems: "center" }, text: { marginTop: 9 } };
obj2 = { fontSize: 12, textAlign: "center", alignSelf: "center", marginBottom: 10, color: nativeDefault.unsafe_rawColors.RED_400 };
const createLegacyClassComponentStyles = createStyles.createLegacyClassComponentStyles;
obj3 = { fontSize: 12, marginTop: 20, color: nativeDefault.colors.TEXT_SUBTLE };
const React4 = createLegacyClassComponentStyles(obj);
const PureComponent = react.PureComponent;
class IconLabelBlock extends PureComponent {
  renderLabel() {
    let items;
    const label = this.props.label;
    let tmp3 = null;
    if (null != label) {
      const obj = { style: items, children: label };
      items = [tmp.label, tmp2];
      tmp3 = metroImportDefault(native.LegacyText, obj);
    }
    return tmp3;
  }
  renderText() {
    let items;
    const text = this.props.text;
    let tmp4 = null;
    if (null != text) {
      const obj = { variant: "heading-md/medium", color: "text-default", style: items, accessibilityRole: tmp3, children: text };
      items = [tmp.text, tmp2];
      tmp4 = metroImportDefault(Text_Text.Text, obj);
    }
    return tmp4;
  }
  renderIcon() {
    let darkSource;
    let errorProps;
    let iconProps;
    let items;
    let items1;
    let source;
    const tmp = closure_9(this.context);
    ({ iconProps, source, darkSource, errorProps } = this.props);
    if (null != iconProps) {
      const error = iconProps.error;
      const obj2 = { style: tmp.iconUploaderWrapper, children: items };
      const obj3 = {};
      const tmp11 = _objectWithoutProperties(iconProps, closure_3);
      const tmp17 = IconUploaderDefault;
      const merged = Object.assign(tmp11);
      items = [metroImportDefault(tmp17, obj3), ];
      let tmp14Result = null;
      const tmp12 = metroImportAll;
      const tmp13 = hasOwnProperty;
      const tmp14 = metroImportDefault;
      if (null != error) {
        const obj4 = { style: items1, children: error };
        items1 = [tmp.error, tmp4];
        const LegacyText = native.LegacyText;
        const merged1 = Object.assign(errorProps);
        tmp14Result = tmp14(LegacyText, obj4);
      }
      items[1] = tmp14Result;
      return tmp12(tmp13, obj2);
    } else {
      const tmp5 = metroImportDefault;
      const tmp6 = metroRequire;
      if (null == source) {
        const obj = shared;
        if (obj.isThemeLight(this.context.theme)) {
          darkSource = tmp2;
        }
        source = darkSource;
      }
      const obj5 = { source, style: tmp3, resizeMode: "contain" };
      return tmp5(tmp6, obj5);
    }
  }
  render() {
    let items;
    let items1;
    const obj = { style: items, children: items1 };
    items = [closure_9(this.context).wrapper, this.props.wrapperStyles];
    items1 = [this.renderIcon(), this.props.children, this.renderLabel(), this.renderText()];
    return metroImportAll(hasOwnProperty, obj);
  }
}
const prototype = IconLabelBlock.prototype;
IconLabelBlock.contextType = native2.ThemeContext;
const result = size.fileFinishedImporting("components_native/common/IconLabelBlock.tsx");

export default IconLabelBlock;