// Metro module 16002 (f16003).
import { memo } from "react";
import { View, StyleSheet } from "react-native";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { useToken } from "../../../../design/tokens/native/useToken";
import MobileVisualRefreshExperiment from "../../../themes/experiments/MobileVisualRefreshExperiment";
import { BackgroundBlurFill } from "../../../../design/components/experimental/native";
const useStyles = createStyles({
  wrapper: {
    ...StyleSheet.absoluteFillObject
  },
  border: {
    ...StyleSheet.absoluteFillObject,
    borderWidth: 1,
    borderColor: Module712.colors.BORDER_SUBTLE,
    borderRadius: Module712.modules.mobile.VOICE_PANEL_CONTROLS_BORDER_RADIUS
  }
});
const r49 = memo(function VoicePanelVisualEffectViewInner(props) {
  let matchAppTheme = props.matchAppTheme;
  if (matchAppTheme === void 0) {
    matchAppTheme = false;
  }
  const blurTheme = matchAppTheme ? void 0 : "dark";
  const token = useToken(Module712.colors.THEME_LOCKED_BLUR_FALLBACK);
  const styles = useStyles();
  const r22 = MobileVisualRefreshExperiment("VoicePanelVisualEffectView");
  const r29 = <BackgroundBlurFill blurTheme={blurTheme} android_fallbackColor={matchAppTheme ? void 0 : token} />;
  return r22 ? <View style={styles.wrapper}>
    {r29}
    <View style={styles.border} />
  </View> : r29;
});
export { r49 as VoicePanelVisualEffectView };