// 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>;
};