// Metro module 9695 (f9696).
import { useCallback } from "react";
import { View } from "react-native";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import { Text } from "../../../../design/components/Text/native/Text";
import { intl, t } from "../../../../intl/index.native";
import { Button } from "../../../../design/components/Button/native/Button.native";
const useStyles = createStyles({
  container: {
    flexDirection: "row",
    paddingHorizontal: 16,
    paddingVertical: 16,
    alignItems: "center"
  },
  absoluteContainer: {
    position: "absolute"
  },
  text: {
    flex: 1
  },
  button: {
    marginLeft: 16
  }
});
export default function MediaKeyboardLimitedPickerNotice(props) {
  const { onPress, onHeightChange } = props;
  const styles = useStyles();
  return <View style={[styles.container, onHeightChange != null ? styles.absoluteContainer : void 0]} onLayout={useCallback((a0) => {
    if (onHeightChange != null) {
      onHeightChange(a0.nativeEvent.layout.height);
    }
  }, [onHeightChange])}>
    <Text style={styles.text} variant="text-sm/normal">
      {intl.string(t["5g7NcN"])}
    </Text>
    <View style={styles.button}>
      <Button size="sm" variant="tertiary" text={intl.string(t.JuXTi6)} onPress={onPress} />
    </View>
  </View>;
};