// Metro module 10697 (f10698).
import _slicedToArray from "../../../../_bundle/_slicedToArray";
import { useState, useCallback, useEffect } from "react";
import { StyleSheet, View, ScrollView, TouchableWithoutFeedback } from "react-native";
import * as _ChannelCallStore from "../ChannelCallStore";
import { BOX_MODE_THRESHOLD_WIDTH, BOX_MODE_ACTIONSHEET_HEIGHT } from "../ChannelCallConstants";
import { Fonts, ComponentActions } from "../../../../Constants";
import { isIOS } from "../../../../utils/PlatformUtils";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import TextStyles from "../../../rebrand/native/TextStyles";
import { Tooltip, TooltipArrowPositions, TooltipArrowDirections, STANDARD_EASING } from "../../../../design/void/native";
import useSafeAreaInsets_native from "../../../safe_area/useSafeAreaInsets.native";
import * as _ReanimatedRexport from "../../../reanimated/ReanimatedRexport";
import ReanimatedRexport, { useAnimatedStyle, useSharedValue, useDerivedValue } from "../../../reanimated/ReanimatedRexport";
import { useCanShowTooltip } from "../../../tooltip/useCanShowTooltip";
import * as _ConstantsIOS from "../../../../ConstantsIOS";
import { intl, t } from "../../../../intl/index.native";
import { ActionSheetHeaderBar } from "../../../../design/components/Sheet/native/ActionSheetHeaderBar.native";
import { UNSAFE_markDismissibleContentAsDismissed } from "../../../dismissible_content/DismissibleContentUnsafeUtils";
import { DismissibleContent } from "../../../../_bundle/Module1358";
import * as _timing from "../../../../design/animation/reanimated/timing/timing";
import { Gesture, GestureDetector } from "../../../../_bundle/Module5273";
import TooltipActionCreators from "../../../tooltip/TooltipActionCreators";
import useWindowDimensions_native from "../../../screen/useWindowDimensions.native";
import useBottomVoiceControlsSheetWidth from "../useBottomVoiceControlsSheetWidth";
import { ComponentDispatch } from "../../../../utils/ComponentDispatchUtils";
import { useThemeContext } from "../../../../_bundle/Module3901";
import VisualEffectView from "../../../visual_effect_view/native/VisualEffectView";
import { isThemeLight } from "../../../../design/shared";
import CallPTTButton, { CallPTTButtonLooks } from "../../../../components_native/calls/CallPTTButton";
let FocusedControlsBottomDrawerTooltip, FocusedControlsAboveActionBarView, FocusedControlsBottomDrawer, c7192_15, EXTENDED_CONTROLS_OFFSET_Y, EXTENDED_CONTROLS_LANDSCAPE_OFFSET_Y, useStyles, c7192_19, c7192_20, c7192_21, c7192_23, c7192_25, c7192_27, c7192_28, c7192_29, c7192_30, c7192_31, c7192_32;
let env7192 = {};
const FocusedControlsExpanded = function FocusedControlsExpanded(props) {
  const { expandedControls, availableHeight, positionY } = props;
  const styles = useStyles();
  const bottom = useSafeAreaInsets_native().bottom;
  const [state, setState] = useState(false);
  const callback2 = useCallback((a0) => {
    const r1 = a0.nativeEvent.layout.height > availableHeight - bottom;
    if (r1 !== state) {
      setState(r1);
    }
  }, [availableHeight, bottom, state]);
  const r32 = function _() {
    const opacity = Math.min(-1 * positionY.get() / c7192_15, 1);
    return {
      opacity,
      pointerEvents: opacity === 0 ? "none" : "auto"
    };
  };
  r32.__closure = {
    positionY,
    EXPANDED_DRAWER_SHOW_POSITION: c7192_15
  };
  r32.__workletHash = 10567472250823;
  r32.__initData = c7192_21;
  return <View style={{
    height: availableHeight
  }}>
    <ScrollView scrollEnabled={state}>
      <ReanimatedRexport.View style={[styles.expandedControlsContainer, useAnimatedStyle(r32)]} onLayout={callback2}>{expandedControls}</ReanimatedRexport.View>
    </ScrollView>
  </View>;
};
FocusedControlsBottomDrawerTooltip = function FocusedControlsBottomDrawerTooltip(props) {
  const positionY2 = props.positionY;
  const styles = useStyles();
  const canShowTooltip = useCanShowTooltip(_ConstantsIOS.TooltipNames.SCREENSHARE_SWIPE_UP_CONTROLS, true);
  const r23 = function() {
    return {
      opacity: 1 - Math.min(-1 * positionY2.get() / c7192_15, 1)
    };
  };
  r23.__closure = {
    positionY: positionY2,
    EXPANDED_DRAWER_SHOW_POSITION: c7192_15
  };
  r23.__workletHash = 4429631762525;
  r23.__initData = c7192_23;
  const animatedStyle = useAnimatedStyle(r23);
  return canShowTooltip ? <ReanimatedRexport.View style={animatedStyle}>
    <Tooltip style={styles.tooltipStyle} arrowPosition={TooltipArrowPositions.CENTER} arrowDirection={TooltipArrowDirections.DOWN} arrowWidth={8} arrowHeight={4} containerStyle={styles.containerStyle} labelStyle={styles.labelStyle} label={intl.string(t.zYzy2i)} />
  </ReanimatedRexport.View> : null;
};
FocusedControlsAboveActionBarView = function FocusedControlsAboveActionBarView(props) {
  const { positionY: positionY3, offsetY, aboveActionBar, onPressHeader, isExpanded } = props;
  const styles = useStyles();
  const r21 = function _() {
    return {
      opacity: 2 - Math.max(Math.abs(positionY3.get()) / (offsetY / 3 - c7192_15), 0)
    };
  };
  r21.__closure = {
    offsetY,
    EXPANDED_DRAWER_SHOW_POSITION: c7192_15,
    positionY: positionY3
  };
  r21.__workletHash = 5042367101380;
  r21.__initData = c7192_25;
  const animatedStyle = useAnimatedStyle(r21);
  return <TouchableWithoutFeedback accessible onPress={onPressHeader} accessibilityRole="button" accessibilityLabel="Group DM" accessibilityHint="Press to start a new conversation" accessibilityState={{
    expanded: isExpanded
  }}>
    <View style={styles.aboveActionBarContainer}>
      <FocusedControlsBottomDrawerTooltip positionY={positionY3} />
      <ActionSheetHeaderBar />
      {aboveActionBar != null && <ReanimatedRexport.View style={[styles.aboveActionBarChildrenContainer, animatedStyle]}>{aboveActionBar}</ReanimatedRexport.View>}
    </View>
  </TouchableWithoutFeedback>;
};
FocusedControlsBottomDrawer = function FocusedControlsBottomDrawer(props) {
  let env18207 = {
    $parent: env7192
  };
  const { children, expandedControls, actionBarControlsHeight, reveal } = props;
  env18207[0] = reveal;
  const aboveActionBar = props.aboveActionBar;
  env18207[1] = props.onDrawerClose;
  const onDrawerOpen2 = props.onDrawerOpen;
  env18207[2] = void 0;
  env18207[3] = void 0;
  env18207[4] = void 0;
  env18207[5] = void 0;
  env18207[6] = void 0;
  env18207[7] = void 0;
  env18207[8] = void 0;
  env18207[9] = void 0;
  const styles = useStyles();
  const safeAreaInsets_native = useSafeAreaInsets_native();
  const { bottom: bottom2, right } = safeAreaInsets_native;
  env18207[2] = right;
  const top = safeAreaInsets_native.top;
  const windowDimensions_native = useWindowDimensions_native();
  const height = windowDimensions_native.height;
  const isLandscapeMode = windowDimensions_native.width > BOX_MODE_THRESHOLD_WIDTH;
  env18207[3] = isLandscapeMode;
  const bottomVoiceControlsSheetWidth = useBottomVoiceControlsSheetWidth();
  env18207[4] = bottomVoiceControlsSheetWidth;
  const sheetHeight = isLandscapeMode ? Math.min(BOX_MODE_ACTIONSHEET_HEIGHT, height) : height;
  env18207[5] = sheetHeight;
  const controlHeightWithOffset = isLandscapeMode ? actionBarControlsHeight : actionBarControlsHeight + bottom2;
  env18207[6] = controlHeightWithOffset;
  const controlMaxHeight = sheetHeight - controlHeightWithOffset;
  env18207[7] = controlMaxHeight;
  const r55 = sheetHeight - controlHeightWithOffset;
  const availableHeight2 = isLandscapeMode ? r55 - (top + 54 + 12) : r55 - (top + 54 + (isIOS() ? 48 : 16));
  const portraitOffsetY = top + 54 + (isIOS() ? 48 : 16) + bottom2;
  let onDrawerOpen, state2, setState2, sharedValue, derivedValue, sharedValue2, sharedValue3, sharedValue4, callback, handleOpen2, handleClose2;
  const landscapeOffsetY = top + 54 + 12;
  let c18208_0 = controlMaxHeight;
  let c18208_1 = isLandscapeMode;
  let c18208_2 = portraitOffsetY;
  let c18208_3 = landscapeOffsetY;
  const onClose2 = () => {
    const r3 = env18207[1];
    return r3 == null ? void 0 : r3();
  };
  onDrawerOpen = onDrawerOpen2;
  state2 = void 0;
  setState2 = void 0;
  sharedValue = void 0;
  derivedValue = void 0;
  sharedValue2 = void 0;
  sharedValue3 = void 0;
  sharedValue4 = void 0;
  callback = void 0;
  handleOpen2 = function handleOpen() {
    if (!state2) {
      if (onDrawerOpen != null) {
        onDrawerOpen();
      }
      setState2(true);
    }
  };
  handleClose2 = function handleClose() {
    if (state2) {
      const r5 = env18207[1];
      if (r5 != null) {
        r5();
      }
      setState2(false);
      callback();
    }
  };
  [state2, setState2] = useState(false);
  sharedValue = useSharedValue(0);
  const O = function O() {
    return c18208_1 ? c18208_0 - c18208_3 : c18208_0 - c18208_2;
  };
  O.__closure = {
    isLandscapeMode,
    controlMaxHeight,
    landscapeOffsetY,
    portraitOffsetY
  };
  O.__workletHash = 13346503100323;
  O.__initData = c7192_27;
  derivedValue = useDerivedValue(O);
  sharedValue2 = useSharedValue(0);
  sharedValue3 = useSharedValue(false);
  sharedValue4 = useSharedValue(0);
  callback = useCallback(() => {
    UNSAFE_markDismissibleContentAsDismissed(DismissibleContent.SOUNDBOARD_MOBILE_NEW_BADGE);
  }, []);
  const callback2 = useCallback(() => {
    const r10 = sharedValue.get();
    let r9 = 0;
    const r1 = r10 !== 0;
    if (!r1) {
      r9 = -derivedValue.get();
    }
    sharedValue.set(_timing.withTiming(r9, c7192_19));
    if (r1) {
      (0, _ChannelCallStore.resetFocusTimer)();
      callback();
    } else {
      (0, _ChannelCallStore.clearFocusTimer)();
    }
    setState2(!r1);
  }, [sharedValue, derivedValue, callback]);
  const r132 = Gesture.Pan();
  const M = function M() {
    _ReanimatedRexport.runOnJS(_ChannelCallStore.clearFocusTimer)();
    sharedValue3.set(sharedValue.get() !== 0);
    sharedValue4.set(0);
    if (!(sharedValue.get() != null && sharedValue3.get())) {
      sharedValue2.set(0);
    }
  };
  M.__closure = {
    runOnJS: _ReanimatedRexport.runOnJS,
    clearFocusTimer: _ChannelCallStore.clearFocusTimer,
    drawerOpen: sharedValue3,
    positionY: sharedValue,
    CLOSE_DRAWER_POSITION: 0,
    velocity: sharedValue4,
    startY: sharedValue2
  };
  M.__workletHash = 9674965708496;
  M.__initData = c7192_30;
  const r140 = r132.onStart(M);
  const N = function N(a0) {
    sharedValue4.set(a0.velocityY);
    if (!(-1 * sharedValue.get() > derivedValue.get() + 16)) {
      let r20 = sharedValue2.get();
      if (r20 == null) {
        r20 = 0;
      }
      sharedValue.set(r20 + a0.translationY);
    }
  };
  N.__closure = {
    velocity: sharedValue4,
    positionY: sharedValue,
    maxHeight: derivedValue,
    startY: sharedValue2
  };
  N.__workletHash = 16755118181071;
  N.__initData = c7192_29;
  const r146 = r140.onUpdate(N);
  const H = function H() {
    const r10 = sharedValue3.get();
    const r4 = -1 * sharedValue.get();
    const r21 = derivedValue.get() / 2;
    let r24 = sharedValue4.get();
    if (r24 == null) {
      r24 = 0;
    }
    const r3 = -1 * r24;
    let r26 = sharedValue4.get();
    if (r26 == null) {
      r26 = 0;
    }
    L16: {
      const openDrawer = function openDrawer() {
        _ReanimatedRexport.runOnJS(handleOpen2)();
        sharedValue2.set(-derivedValue.get());
        sharedValue.set(_timing.withTiming(sharedValue2.get(), c7192_19));
        sharedValue3.set(true);
        _ReanimatedRexport.runOnJS(TooltipActionCreators.acknowledgeTooltip)(_ConstantsIOS.TooltipNames.SCREENSHARE_SWIPE_UP_CONTROLS);
      };
      const r28 = r26 >= 500;
      const r6 = sharedValue.get() > 0;
      if (!(500 <= r3 && !r10) && !(r21 <= r4 && !r10)) {
        L15: {
          if (!r6) {
            if (r28 && r10) {
              break L15;
            }
            if (r21 <= r4) {
              openDrawer();
              break L16;
            }
            sharedValue2.set(0);
            sharedValue.set(_timing.withTiming(0, c7192_20));
            sharedValue3.set(false);
            _ReanimatedRexport.runOnJS(_ChannelCallStore.resetFocusTimer)();
            _ReanimatedRexport.runOnJS(handleClose2)();
            break L16;
          }
        }
        sharedValue2.set(0);
        sharedValue.set(_timing.withTiming(0, c7192_20));
        sharedValue3.set(false);
        _ReanimatedRexport.runOnJS(_ChannelCallStore.resetFocusTimer)();
        _ReanimatedRexport.runOnJS(handleClose2)();
      } else {
        openDrawer();
      }
    }
  };
  const TIMING_CONFIG = c7192_19;
  H.__closure = {
    drawerOpen: sharedValue3,
    positionY: sharedValue,
    maxHeight: derivedValue,
    velocity: sharedValue4,
    MIN_GESTURE_TRIGGER_VELOCITY: 500,
    CLOSE_DRAWER_POSITION: 0,
    runOnJS: _ReanimatedRexport.runOnJS,
    handleOpen: handleOpen2,
    startY: sharedValue2,
    withTiming: _timing.withTiming,
    TIMING_CONFIG,
    TooltipActionCreators,
    TooltipNames: _ConstantsIOS.TooltipNames,
    TIMING_CONFIG_EXIT: c7192_20,
    resetFocusTimer: _ChannelCallStore.resetFocusTimer,
    handleClose: handleClose2
  };
  H.__workletHash = 6790759206787;
  H.__initData = c7192_28;
  const r169 = _slicedToArray([sharedValue, r146.onEnd(H), callback2, state2], 4);
  const positionY4 = r169[0];
  env18207[8] = positionY4;
  const gesture = r169[1];
  const onPressHeader = r169[2];
  env18207[9] = onPressHeader;
  const isExpanded = r169[3];
  const f = function f() {
    const r9 = env18207[0] ? 0 : env18207[6];
    const r3 = env18207[3];
    return {
      position: "absolute",
      height: env18207[5],
      overflow: "hidden",
      bottom: r3 ? 16 : 0,
      right: r3 ? 16 + env18207[2] : 0,
      borderRadius: r3 ? 8 : 0,
      width: env18207[4],
      transform: [{
        translateY: _timing.withTiming(r9, c7192_19)
      }]
    };
  };
  f.__closure = {
    reveal,
    controlHeightWithOffset,
    sheetHeight,
    isLandscapeMode,
    safeAreaRight: right,
    sheetWidth: bottomVoiceControlsSheetWidth,
    withTiming: _timing.withTiming,
    TIMING_CONFIG
  };
  f.__workletHash = 608185354082;
  f.__initData = c7192_31;
  const animatedStyle = useAnimatedStyle(f);
  useEffect(() => {
    env18207[8].set(_timing.withTiming(0, c7192_20));
  }, [isLandscapeMode, positionY4]);
  useEffect(() => {
    if (env18207[0]) {
      env18207[8].set(0);
    }
  }, [reveal, positionY4]);
  useEffect(() => {
    const handleSelectActivity2 = function handleSelectActivity() {
      env18207[8].set(_timing.withTiming(0, c7192_20));
    };
    ComponentDispatch.subscribe(ComponentActions.SELECT_ACTIVITY, handleSelectActivity2);
    return () => {
      ComponentDispatch.unsubscribe(ComponentActions.SELECT_ACTIVITY, handleSelectActivity2);
    };
  }, [positionY4]);
  const Z = function Z() {
    return {
      height: env18207[5],
      transform: [{
        translateY: env18207[7] + env18207[8].get()
      }]
    };
  };
  Z.__closure = {
    sheetHeight,
    offsetY: controlMaxHeight,
    positionY: positionY4
  };
  Z.__workletHash = 4471821639301;
  Z.__initData = c7192_32;
  const animatedStyle2 = useAnimatedStyle(Z);
  useEffect(() => {
    ComponentDispatch.subscribe(ComponentActions.TOGGLE_CALL_CONTROL_DRAWER, env18207[9]);
    return () => {
      ComponentDispatch.unsubscribe(ComponentActions.TOGGLE_CALL_CONTROL_DRAWER, env18207[9]);
    };
  }, [onPressHeader]);
  const theme = useThemeContext().theme;
  return <ReanimatedRexport.View style={animatedStyle} pointerEvents="box-none">
    <GestureDetector gesture={gesture}>
      <ReanimatedRexport.View style={[styles.bottomDrawerContainer, animatedStyle2]}>
        <VisualEffectView blurTheme={theme} style={[styles.visualEffectView, isThemeLight(theme) ? styles.visualEffectViewBackground : null]} />
        <FocusedControlsAboveActionBarView onPressHeader={onPressHeader} aboveActionBar={aboveActionBar} positionY={positionY4} offsetY={controlMaxHeight} isExpanded={isExpanded} />
        {children}
        <FocusedControlsExpanded expandedControls={expandedControls} availableHeight={availableHeight2} positionY={positionY4} />
      </ReanimatedRexport.View>
    </GestureDetector>
  </ReanimatedRexport.View>;
};
c7192_15 = 20;
EXTENDED_CONTROLS_OFFSET_Y = (a0) => {};
EXTENDED_CONTROLS_LANDSCAPE_OFFSET_Y = (a0) => {};
useStyles = createStyles({
  bottomDrawerContainer: {
    position: "absolute",
    left: 0,
    right: 0,
    bottom: 0,
    borderRadius: Module712.radii.sm
  },
  visualEffectView: {
    ...StyleSheet.absoluteFillObject,
    borderRadius: Module712.radii.sm,
    overflow: "hidden"
  },
  visualEffectViewBackground: {
    backgroundColor: "rgba(0, 0, 0, .15)"
  },
  expandedControlsContainer: {
    marginHorizontal: 16
  },
  aboveActionBarContainer: {
    position: "absolute",
    left: 0,
    right: 0,
    top: -32,
    paddingTop: 4,
    paddingBottom: 8
  },
  aboveActionBarChildrenContainer: {
    position: "absolute",
    left: 16,
    right: 16,
    top: -64
  },
  ptbButton: {
    margin: 0,
    marginHorizontal: 16,
    marginBottom: 8
  },
  tooltipStyle: {
    alignSelf: "center",
    position: "absolute",
    top: -28
  },
  containerStyle: {
    paddingHorizontal: 8,
    paddingVertical: 4
  },
  labelStyle: {
    ...TextStyles(Fonts.DISPLAY_EXTRABOLD, Module712.unsafe_rawColors.WHITE, 12, {
      uppercase: true
    })
  }
});
c7192_19 = {
  easing: STANDARD_EASING,
  duration: 250
};
c7192_20 = {
  easing: STANDARD_EASING,
  duration: 400
};
c7192_21 = {
  code: "function FocusedControlsBottomControlsTsx1(){const{positionY,EXPANDED_DRAWER_SHOW_POSITION}=this.__closure;const opacity=Math.min(positionY.get()*-1/EXPANDED_DRAWER_SHOW_POSITION,1);return{opacity:opacity,pointerEvents:opacity===0?'none':'auto'};}"
};
c7192_23 = {
  code: "function FocusedControlsBottomControlsTsx2(){const{positionY,EXPANDED_DRAWER_SHOW_POSITION}=this.__closure;return{opacity:1-Math.min(positionY.get()*-1/EXPANDED_DRAWER_SHOW_POSITION,1)};}"
};
c7192_25 = {
  code: "function FocusedControlsBottomControlsTsx3(){const{offsetY,EXPANDED_DRAWER_SHOW_POSITION,positionY}=this.__closure;const maxHeightRange=offsetY/3-EXPANDED_DRAWER_SHOW_POSITION;const opacity=2-Math.max(Math.abs(positionY.get())/maxHeightRange,0);return{opacity:opacity};}"
};
c7192_27 = {
  code: "function FocusedControlsBottomControlsTsx4(){const{isLandscapeMode,controlMaxHeight,landscapeOffsetY,portraitOffsetY}=this.__closure;return isLandscapeMode?controlMaxHeight-landscapeOffsetY:controlMaxHeight-portraitOffsetY;}"
};
c7192_28 = {
  code: "function FocusedControlsBottomControlsTsx5(){const{drawerOpen,positionY,maxHeight,velocity,MIN_GESTURE_TRIGGER_VELOCITY,CLOSE_DRAWER_POSITION,runOnJS,handleOpen,startY,withTiming,TIMING_CONFIG,TooltipActionCreators,TooltipNames,TIMING_CONFIG_EXIT,resetFocusTimer,handleClose}=this.__closure;var _velocity$get,_velocity$get2;const isDrawerAlreadyOpen=drawerOpen.get();const isPassedTriggerThreshold=positionY.get()*-1>=maxHeight.get()/2;const isHighOpenVelocity=((_velocity$get=velocity.get())!==null&&_velocity$get!==void 0?_velocity$get:0)*-1>=MIN_GESTURE_TRIGGER_VELOCITY;const isHighCloseVelocity=((_velocity$get2=velocity.get())!==null&&_velocity$get2!==void 0?_velocity$get2:0)>=MIN_GESTURE_TRIGGER_VELOCITY;const isLowerThanMinHeight=positionY.get()>CLOSE_DRAWER_POSITION;function openDrawer(){runOnJS(handleOpen)();startY.set(-maxHeight.get());positionY.set(withTiming(startY.get(),TIMING_CONFIG));drawerOpen.set(true);runOnJS(TooltipActionCreators.acknowledgeTooltip)(TooltipNames.SCREENSHARE_SWIPE_UP_CONTROLS);}function closeDrawer(){startY.set(0);positionY.set(withTiming(CLOSE_DRAWER_POSITION,TIMING_CONFIG_EXIT));drawerOpen.set(false);runOnJS(resetFocusTimer)();runOnJS(handleClose)();}if(isHighOpenVelocity&&!isDrawerAlreadyOpen||isPassedTriggerThreshold&&!isDrawerAlreadyOpen){openDrawer();}else if(isLowerThanMinHeight||isHighCloseVelocity&&isDrawerAlreadyOpen){closeDrawer();}else if(isPassedTriggerThreshold){openDrawer();}else{closeDrawer();}}"
};
c7192_29 = {
  code: "function FocusedControlsBottomControlsTsx6(event){const{velocity,positionY,maxHeight,startY}=this.__closure;var _startY$get;velocity.set(event.velocityY);if(positionY.get()*-1>maxHeight.get()+16){return;}positionY.set(((_startY$get=startY.get())!==null&&_startY$get!==void 0?_startY$get:0)+event.translationY);}"
};
c7192_30 = {
  code: "function FocusedControlsBottomControlsTsx7(){const{runOnJS,clearFocusTimer,drawerOpen,positionY,CLOSE_DRAWER_POSITION,velocity,startY}=this.__closure;runOnJS(clearFocusTimer)();drawerOpen.set(positionY.get()!==CLOSE_DRAWER_POSITION);velocity.set(0);if(positionY.get()==null||!drawerOpen.get()){startY.set(0);}}"
};
c7192_31 = {
  code: "function FocusedControlsBottomControlsTsx8(){const{reveal,controlHeightWithOffset,sheetHeight,isLandscapeMode,safeAreaRight,sheetWidth,withTiming,TIMING_CONFIG}=this.__closure;const revealOffset=reveal?0:controlHeightWithOffset;return{position:'absolute',height:sheetHeight,overflow:'hidden',bottom:isLandscapeMode?16:0,right:isLandscapeMode?16+safeAreaRight:0,borderRadius:isLandscapeMode?8:0,width:sheetWidth,transform:[{translateY:withTiming(revealOffset,TIMING_CONFIG)}]};}"
};
c7192_32 = {
  code: "function FocusedControlsBottomControlsTsx9(){const{sheetHeight,offsetY,positionY}=this.__closure;return{height:sheetHeight,transform:[{translateY:offsetY+positionY.get()}]};}"
};
export default function FocusedControlsBottomControls(props) {
  const { children, actionBar, expandedControls, reveal, header, onDrawerClose, omitPTT = false, onDrawerOpen: onDrawerOpen2 } = props;
  const styles = useStyles();
  const [actionBarControlsHeight, setState3] = useState(0);
  const callback2 = useCallback((a0) => {
    setState3(a0.nativeEvent.layout.height);
  }, []);
  return <FocusedControlsBottomDrawer aboveActionBar={children} actionBarControlsHeight={actionBarControlsHeight} expandedControls={expandedControls} reveal={reveal} onDrawerClose={onDrawerClose} onDrawerOpen={onDrawerOpen2}>
    <View onLayout={callback2}>
      {header}
      {actionBar}
      {omitPTT ? null : <CallPTTButton look={CallPTTButtonLooks.BLUR} style={styles.ptbButton} sendCallback={_ChannelCallStore.clearFocusTimer} stopCallback={_ChannelCallStore.resetFocusTimer} />}
    </View>
  </FocusedControlsBottomDrawer>;
};
export const FOCUSED_CONTROLS_HEADER_HEIGHT = 54;
export { FocusedControlsBottomDrawer };