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

UI components for GeChiUI.

import _extends from "@babel/runtime/helpers/esm/extends";
import { createElement } from "@gechiui/element";

/**
 * GeChiUI dependencies
 */
import { __ } from '@gechiui/i18n';
import { Icon, chevronRight } from '@gechiui/icons';
import { ColorIndicator } from '@gechiui/components';
/**
 * Internal dependencies
 */

import Cell from './cell';
import styles from './styles.scss';
export default function BottomSheetColorCell(props) {
  const {
    color,
    withColorIndicator = true,
    ...cellProps
  } = props;
  return createElement(Cell, _extends({}, cellProps, {
    accessibilityRole: 'button',
    accessibilityHint:
    /* translators: accessibility text (hint for moving to color settings) */
    __('Double tap to go to color settings'),
    editable: false,
    value: withColorIndicator && !color && __('默认')
  }), withColorIndicator && color && createElement(ColorIndicator, {
    color: color,
    style: styles.colorCircle
  }), createElement(Icon, {
    icon: chevronRight
  }));
}
//# sourceMappingURL=color-cell.native.js.map