yeet

modules/share/native/ShareFooterLayout.tsx

@@ -0,0 +1,73 @@
+// Metro module 9917 (f9918).
+import { View } from "react-native";
+import { createStyles } from "../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../_bundle/Module712";
+import useSafeAreaInsetsKeyboardAware_native from "../../safe_area/useSafeAreaInsetsKeyboardAware.native";
+import ReanimatedRexport, { useAnimatedStyle } from "../../reanimated/ReanimatedRexport";
+import * as _spring from "../../../design/animation/reanimated/spring/spring";
+import * as _springPresets from "../../../design/animation/reanimated/spring/springPresets";
+import { Text } from "../../../design/components/Text/native/Text";
+const useStyles = createStyles({
+  footer: {
+    display: "flex",
+    flexDirection: "column",
+    flexShrink: 0,
+    paddingHorizontal: Module712.space.PX_16,
+    paddingVertical: Module712.space.PX_12,
+    gap: Module712.space.PX_12,
+    backgroundColor: Module712.colors.BACKGROUND_SURFACE_HIGHEST,
+    borderTopWidth: 1,
+    borderTopColor: Module712.colors.BORDER_SUBTLE
+  },
+  footerSeparator: {
+    marginHorizontal: -Module712.space.PX_16,
+    borderBottomWidth: 1,
+    borderBottomColor: Module712.colors.BORDER_SUBTLE
+  },
+  warningWrapper: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 8
+  },
+  chatRow: {
+    display: "flex",
+    flexDirection: "row",
+    gap: Module712.space.PX_12,
+    alignItems: "flex-end"
+  }
+});
+const __initData = {
+  code: "function ShareFooterLayoutTsx1(){const{withSpring,footerPaddingBottom,ON_PRESS_SPRING}=this.__closure;return{paddingBottom:withSpring(footerPaddingBottom,ON_PRESS_SPRING,'respect-motion-settings')};}"
+};
+export default function ShareFooterLayout(props) {
+  const { preview, chatInput, sendButton, warningText, avoidKeyboard } = props;
+  const styles = useStyles();
+  const footerPaddingBottom = styles.footer.paddingVertical + useSafeAreaInsetsKeyboardAware_native({
+    includeKeyboardHeight: avoidKeyboard,
+    includeCustomKeyboardHeight: false
+  }).insets.bottom;
+  let c17553_0 = footerPaddingBottom;
+  const f = () => ({
+    paddingBottom: _spring.withSpring(c17553_0, _springPresets.ON_PRESS_SPRING, "respect-motion-settings")
+  });
+  f.__closure = {
+    withSpring: _spring.withSpring,
+    footerPaddingBottom,
+    ON_PRESS_SPRING: _springPresets.ON_PRESS_SPRING
+  };
+  f.__workletHash = 2871405301293;
+  f.__initData = __initData;
+  return <ReanimatedRexport.View style={[styles.footer, useAnimatedStyle(f)]}>
+    {preview != null ? <>
+      {preview}
+      <View style={styles.footerSeparator} />
+    </> : null}
+    <View style={styles.warningWrapper}>
+      <View style={styles.chatRow}>
+        {chatInput}
+        {sendButton}
+      </View>
+      {warningText != null && <Text variant="text-sm/normal" color="text-feedback-warning">{warningText}</Text>}
+    </View>
+  </ReanimatedRexport.View>;
+};