@wordpress/components/build-module/mobile/link-picker/link-picker-screen.native.js

UI components for WordPress.

import { createElement } from "@wordpress/element";

/**
 * External dependencies
 */
import { useNavigation, useRoute } from '@react-navigation/native';
/**
 * WordPress dependencies
 */

import { useMemo } from '@wordpress/element';
/**
 * Internal dependencies
 */

import { LinkPicker } from './';

const LinkPickerScreen = ({
  returnScreenName
}) => {
  const navigation = useNavigation();
  const route = useRoute();

  const onLinkPicked = ({
    url,
    title
  }) => {
    navigation.navigate(returnScreenName, {
      inputValue: url,
      text: title
    });
  };

  const onCancel = () => {
    navigation.goBack();
  };

  const {
    inputValue
  } = route.params;
  return useMemo(() => {
    return createElement(LinkPicker, {
      value: inputValue,
      onLinkPicked: onLinkPicked,
      onCancel: onCancel
    });
  }, [inputValue]);
};

export default LinkPickerScreen;
//# sourceMappingURL=link-picker-screen.native.js.map