36 lines
1.5 KiB
TypeScript
36 lines
1.5 KiB
TypeScript
// 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 };
|