74 lines
2.8 KiB
TypeScript
74 lines
2.8 KiB
TypeScript
// 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>;
|
|
};
|