yeet

modules/voice_panel/native/shared/VoicePanelVisualEffectView.tsx

@@ -0,0 +1,35 @@
+// 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 };