// Module ID: 11390
// Function ID: 11391
// Name: EditPollCreationImageAltTextModal
// Dependencies: [32, 19, 17, 7576, 21, 4661, 712, 11387, 11389, 6803, 1236, 1297, 8143, 4734, 6551, 8913, 8083, 2]
// Exports: default

// Module 11390 (EditPollCreationImageAltTextModal)
import _slicedToArray from "_slicedToArray";
import noop from "noop";
import get_ActivityIndicator from "set";
import { MAX_POLL_ANSWER_LENGTH } from "POLL_ATTACHMENT_FOLDER";
import jsxProd from "jsxProd";
import createCacheKey from "createCacheKey";

let c5;
let c9;
let closure_6;
let metroImportAll;
const require = arg1;
({ TouchableOpacity: c5, View: closure_6 } = get_ActivityIndicator);
({ jsx: metroImportAll, jsxs: c9 } = jsxProd);
createCacheKey = { container: null, header: null, separator: null, contentContainer: null, imageContainer: null, formContainer: null, textInput: null };
createCacheKey = { backgroundColor: require("Themes").colors.BACKGROUND_BASE_LOW, flex: 1 };
createCacheKey[0] = createCacheKey;
createCacheKey[1] = { flexDirection: "row", alignItems: "center", justifyContent: "space-between", padding: 18, paddingTop: 10 };
createCacheKey[2] = { borderBottomWidth: 1, borderColor: require("Themes").colors.INTERACTIVE_BACKGROUND_HOVER };
createCacheKey[3] = { flex: 1, justifyContent: "center" };
let obj1 = { borderBottomWidth: 1, borderColor: require("Themes").colors.INTERACTIVE_BACKGROUND_HOVER };
createCacheKey[4] = { borderRadius: require("Themes").radii.lg, justifyContent: "center", alignItems: "center", alignSelf: "center", overflow: "hidden", aspectRatio: 1 };
createCacheKey[5] = { paddingHorizontal: 16 };
let obj2 = { borderRadius: require("Themes").radii.lg, justifyContent: "center", alignItems: "center", alignSelf: "center", overflow: "hidden", aspectRatio: 1 };
createCacheKey[6] = { backgroundColor: require("Themes").colors.REDESIGN_CHAT_INPUT_BACKGROUND, borderRadius: require("Themes").radii.lg };
createCacheKey = createCacheKey.createStyles(createCacheKey);
let obj3 = { backgroundColor: require("Themes").colors.REDESIGN_CHAT_INPUT_BACKGROUND, borderRadius: require("Themes").radii.lg };
let result = require("get ActivityIndicator").fileFinishedImporting("modules/polls/native/EditPollCreationImageAltTextModal.tsx");

export default function EditPollCreationImageAltTextModal(imageSize) {
  let answer;
  let channelId;
  let onSave;
  ({ channelId, answer, onSave } = imageSize);
  imageSize = imageSize.imageSize;
  let first;
  const tmp = createCacheKey();
  const tmp4 = first(11387)(channelId, answer.localCreationAnswerId, answer.image, imageSize, imageSize);
  const upload = tmp4.upload;
  let obj = React;
  let str;
  if (upload != null) {
    str = upload.description;
  }
  if (str == null) {
    str = "";
  }
  const tmp5 = callback(React.useState(str), 2);
  first = tmp5[0];
  const items = [onSave, first];
  callback = obj.useCallback(() => {
    if (null != first) {
      onSave(tmp);
    }
    const result = onSave(outer1_2[8]).closeEditPollCreationImageAltTextModal();
  }, items);
  obj = { top: true, style: tmp.container, children: null };
  obj = { style: tmp.header, children: null };
  const obj1 = { onPress: null, activeOpacity: 0.5, accessibilityRole: "button", accessibilityLabel: null, children: null };
  obj1[0] = onSave(11389).closeEditPollCreationImageAltTextModal;
  const intl = onSave(1236).intl;
  obj1[3] = intl.string(onSave(1236).t.cpT0Cq);
  const obj2 = { source: null };
  obj2[0] = first(8143);
  obj1[4] = callback2(onSave(1297).Icon, obj2);
  const items1 = [callback2(closure_5, obj1), , ];
  const obj3 = { variant: "redesign/heading-18/bold", color: "mobile-text-heading-primary", children: null };
  const intl2 = onSave(1236).intl;
  obj3[2] = intl2.string(onSave(1236).t.Cq44Rg);
  items1[1] = callback2(onSave(4734).Text, obj3);
  const obj4 = { onPress: callback, activeOpacity: 0.5, children: null };
  const obj5 = { variant: "text-md/medium", color: "text-brand", children: null };
  const intl3 = onSave(1236).intl;
  obj5[2] = intl3.string(onSave(1236).t["R3BPH+"]);
  obj4[2] = callback2(onSave(4734).Text, obj5);
  items1[2] = callback2(closure_5, obj4);
  obj[1] = items1;
  const items2 = [callback3(closure_6, obj), callback2(closure_6, { style: tmp.separator }), ];
  const obj7 = { style: tmp.contentContainer, children: null };
  let tmp2Result = tmp2(6551);
  const items3 = [callback2(closure_6, { style: tmp.imageContainer, children: tmp4.renderImage }), ];
  const obj9 = { style: tmp.formContainer, children: null };
  const items4 = [callback2(onSave(1297).Spacer, { size: 27 }), , , ];
  const obj10 = { children: null };
  tmp2Result = tmp2(8913);
  const intl4 = onSave(1236).intl;
  obj10[0] = intl4.string(onSave(1236).t["/2Gnoa"]);
  items4[1] = callback2(tmp2Result, obj10);
  const obj11 = { showTopContainer: false, showBorder: false, multiline: false, value: first, onChange: tmp5[1], clearButtonVisibility: null, style: null, textContentType: "none", maxLength: null, autoFocus: true, autoCorrect: true, accessibilityLabel: null };
  obj11[5] = onSave(1297).ClearButtonVisibility.WITH_CONTENT;
  obj11[6] = tmp.textInput;
  obj11[8] = MAX_POLL_ANSWER_LENGTH;
  const intl5 = onSave(1236).intl;
  obj11[11] = intl5.string(onSave(1236).t["/2Gnoa"]);
  items4[2] = callback2(onSave(8083).FormInput, obj11);
  items4[3] = callback2(onSave(1297).Spacer, { size: 27 });
  obj9[1] = items4;
  items3[1] = callback3(closure_6, obj9);
  obj7[1] = items3;
  items2[2] = callback3(tmp2Result, obj7);
  obj[2] = items2;
  return callback3(onSave(6803).SafeAreaPaddingView, obj);
};