@wordpress/components/build-module/mobile/bottom-sheet/link-cell.native.js

UI components for WordPress.

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

/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n';
import { link, Icon, chevronRight } from '@wordpress/icons';
/**
 * Internal dependencies
 */

import Cell from './cell';
import styles from './styles.scss';
const {
  placeholderColor
} = styles;
export default function LinkCell(_ref) {
  let {
    value,
    valueMask,
    onPress,
    showIcon = true
  } = _ref;
  return createElement(Cell, {
    icon: showIcon && link,
    label: __('Link to') // Since this is not actually editable, we treat value as a placeholder.
    ,
    value: valueMask || value || __('Search or type URL'),
    valueStyle: !!(value || valueMask) ? undefined : placeholderColor,
    onPress: onPress
  }, createElement(Icon, {
    icon: chevronRight
  }));
}
//# sourceMappingURL=link-cell.native.js.map