// Module ID: 16412
// Function ID: 16413
// Name: VoiceControlsToggleActionSheet
// Dependencies: [32, 19, 17, 4669, 1388, 21, 4668, 712, 8981, 589, 6988, 9055, 4739, 1236, 4750, 2]
// Exports: default

// Module 16412 (VoiceControlsToggleActionSheet)
import ThemesDefault from "Themes" /* 712 */;
import closure_3 from "_slicedToArray" /* 32 */;
import closure_4 from "noop" /* 19 */;
import { View } from "get ActivityIndicator" /* 17 */;
import closure_6 from "maybeApplyNoTextColorForLightCustomTheme" /* 4669 */;
import { ContentDismissActionType } from "ContentDismissActionType" /* 1388 */;
import jsxProd from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4668 */;

const require = arg1;
({ jsx: closure_8, jsxs: c9 } = jsxProd);
let closure_10 = { videoURI: "https://cdn.discordapp.com/assets/activities/platform/activities_pipfab_tutorial_redesign.mp4" };
createCacheKey = { videoContainer: null, bottomSheetWrapper: null, contentContainer: null, title: null, body: null };
createCacheKey = { borderRadius: ThemesDefault.radii.sm, overflow: "hidden" };
createCacheKey[0] = createCacheKey;
createCacheKey[1] = { paddingHorizontal: 24 };
createCacheKey[2] = { flex: 1, alignItems: "center", paddingTop: 24, paddingBottom: 16 };
createCacheKey[3] = { marginTop: 16, textAlign: "center" };
createCacheKey[4] = { marginTop: 8, marginBottom: 24, textAlign: "center" };
let closure_11 = createCacheKey.createStyles(createCacheKey);
let result = require("set").fileFinishedImporting("modules/activities/native/VoiceControlsToggleNuxActionSheet.tsx");

export default function VoiceControlsToggleActionSheet(markAsDismissed) {
  markAsDismissed = markAsDismissed.markAsDismissed;
  importDefault = undefined;
  let isScreenLandscape;
  const tmp = callback4();
  [tmp3, c1] = callback(React.useState(0), 2);
  let obj = markAsDismissed(isScreenLandscape[8]);
  isScreenLandscape = obj.useIsScreenLandscape();
  obj1 = markAsDismissed(isScreenLandscape[9]);
  const items = [closure_6];
  let num = 1.5;
  const stateFromStores = obj1.useStateFromStores(items, () => useReducedMotion.useReducedMotion);
  if (isScreenLandscape) {
    num = 2.0875;
  }
  obj = {
    startExpanded: true,
    onDismiss() {
      return markAsDismissed(closure_1_7.UNKNOWN);
    },
    children: null
  };
  obj = { style: tmp.bottomSheetWrapper, children: null };
  obj1 = {
    style: tmp.contentContainer,
    onLayout(nativeEvent) {
      const width = nativeEvent.nativeEvent.layout.width;
      let result = width;
      if (isScreenLandscape) {
        result = width / 2;
      }
      c1(result);
    },
    children: null
  };
  const items1 = [callback2(importDefault(isScreenLandscape[11]), { style: tmp.videoContainer, src: closure_10, poster: "https://cdn.discordapp.com/assets/activities/platform/activities_pipfab_tutorial_redesign.png", width: tmp3, height: tmp3 / num, muted: true, paused: stateFromStores }), , , ];
  const obj3 = { style: tmp.title, accessibilityRole: "header", variant: "heading-xl/extrabold", color: "mobile-text-heading-primary", children: null };
  const intl = tmp4(tmp5[13]).intl;
  obj3[4] = intl.string(markAsDismissed(isScreenLandscape[13]).t.pT6hue);
  items1[1] = callback2(markAsDismissed(isScreenLandscape[12]).Text, obj3);
  const obj4 = { style: tmp.body, variant: "text-sm/normal", children: null };
  const intl2 = tmp4(tmp5[13]).intl;
  obj4[2] = intl2.string(markAsDismissed(isScreenLandscape[13]).t.tNm8AZ);
  items1[2] = callback2(markAsDismissed(isScreenLandscape[12]).Text, obj4);
  const obj5 = {
    onPress() {
      return markAsDismissed(closure_1_7.UNKNOWN);
    },
    text: null
  };
  const intl3 = tmp4(tmp5[13]).intl;
  obj5[1] = intl3.string(markAsDismissed(isScreenLandscape[13]).t["NX+WJN"]);
  items1[3] = callback2(markAsDismissed(isScreenLandscape[14]).Button, obj5);
  obj1[2] = items1;
  obj[1] = callback3(View, obj1);
  obj[2] = callback2(View, obj);
  return callback2(markAsDismissed(isScreenLandscape[10]).BottomSheet, obj);
};