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

UI components for GeChiUI.

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

/**
 * GeChiUI dependencies
 */
import { __ } from '@gechiui/i18n';
import { link, Icon, chevronRight } from '@gechiui/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: __('链接至') // 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