yeet

modules/voice_panel/native/shared/VoicePanelHeaderGlassBlur.tsx

@@ -0,0 +1,82 @@
+// Metro module 11435 (f11436).
+import { memo } from "react";
+import { StyleSheet } from "react-native";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import * as _PlatformUtils from "../../../../utils/PlatformUtils";
+import { useAnimatedStyle, useAnimatedProps } from "../../../reanimated/ReanimatedRexport";
+import * as _spring from "../../../../design/animation/reanimated/spring/spring";
+import useTheme from "../../../../hooks/useTheme";
+import ReanimatedNativeView from "../../../core/native/ReanimatedNativeView";
+import VisualEffectViewAnimated from "../../../visual_effect_view/native/VisualEffectViewAnimated";
+import { isThemeDark } from "../../../../design/shared";
+import NativeView from "../../../core/native/NativeView";
+const useStyles = createStyles({
+  blur: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0
+  },
+  strokeContainer: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    bottom: -StyleSheet.hairlineWidth,
+    height: StyleSheet.hairlineWidth
+  },
+  stroke: {
+    height: StyleSheet.hairlineWidth,
+    opacity: 0.15,
+    backgroundColor: "white"
+  },
+  strokeAlt: {
+    height: StyleSheet.hairlineWidth,
+    opacity: 0.8,
+    backgroundColor: "black"
+  },
+  strokeAltLight: {
+    height: StyleSheet.hairlineWidth,
+    opacity: 0.2,
+    backgroundColor: "black"
+  }
+});
+const isAndroid = _PlatformUtils.isAndroid();
+const __initData = {
+  code: "function VoicePanelHeaderGlassBlurTsx1(){const{shown,IS_ANDROID}=this.__closure;return{opacity:shown.get()?IS_ANDROID?0.7:1:0};}"
+};
+const __initData2 = {
+  code: "function VoicePanelHeaderGlassBlurTsx2(){const{withSpring,shown}=this.__closure;return{blurAmount:withSpring(shown.get()?0.3:0)};}"
+};
+const r46 = memo(function HeaderGlassBlur(props) {
+  const { shown, blurStyle, style } = props;
+  const styles = useStyles();
+  const k = () => ({
+    opacity: shown.get() ? isAndroid ? 0.7 : 1 : 0
+  });
+  k.__closure = {
+    shown,
+    IS_ANDROID: isAndroid
+  };
+  k.__workletHash = 3451055086565;
+  k.__initData = __initData;
+  const animatedStyle = useAnimatedStyle(k);
+  const r25 = () => ({
+    blurAmount: _spring.withSpring(shown.get() ? 0.3 : 0)
+  });
+  r25.__closure = {
+    withSpring: _spring.withSpring,
+    shown
+  };
+  r25.__workletHash = 5642055202507;
+  r25.__initData = __initData2;
+  const animatedProps = useAnimatedProps(r25);
+  const theme = useTheme();
+  return <ReanimatedNativeView style={[styles.blur, style, animatedStyle]}>
+    <VisualEffectViewAnimated blurStyle="ultra-thin" blurTheme={isThemeDark(theme) ? "dark" : "light"} style={[StyleSheet.absoluteFillObject, blurStyle]} animatedProps={animatedProps} />
+    <NativeView style={styles.strokeContainer}>
+      <NativeView style={styles.stroke} />
+      <NativeView style={isThemeDark(theme) ? styles.strokeAlt : styles.strokeAltLight} />
+    </NativeView>
+  </ReanimatedNativeView>;
+});
+export default r46;