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

UI components for WordPress.

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

/**
 * External dependencies
 */
import { Switch } from 'react-native';
/**
 * WordPress dependencies
 */

import { __, _x, sprintf } from '@wordpress/i18n';
/**
 * Internal dependencies
 */

import Cell from './cell';
const EMPTY_STYLE = {};
export default function BottomSheetSwitchCell(props) {
  const {
    value,
    onValueChange,
    disabled,
    ...cellProps
  } = props;

  const onPress = () => {
    onValueChange(!value);
  };

  const getAccessibilityLabel = () => {
    if (!cellProps.help) {
      return value ? sprintf(
      /* translators: accessibility text. Switch setting ON state. %s: Switch title. */
      _x('%s. On', 'switch control'), cellProps.label) : sprintf(
      /* translators: accessibility text. Switch setting OFF state. %s: Switch title. */
      _x('%s. Off', 'switch control'), cellProps.label);
    }

    return value ? sprintf(
    /* translators: accessibility text. Switch setting ON state. %1: Switch title, %2: switch help. */
    _x('%1$s, %2$s. On', 'switch control'), cellProps.label, cellProps.help) : sprintf(
    /* translators: accessibility text. Switch setting OFF state. %1: Switch title, %2: switch help. */
    _x('%1$s, %2$s. Off', 'switch control'), cellProps.label, cellProps.help);
  };

  return createElement(Cell, _extends({}, cellProps, {
    accessibilityLabel: getAccessibilityLabel(),
    accessibilityRole: 'none',
    accessibilityHint:
    /* translators: accessibility text (hint for switches) */
    __('Double tap to toggle setting'),
    onPress: onPress,
    editable: false,
    value: '',
    disabled: disabled,
    disabledStyle: EMPTY_STYLE
  }), createElement(Switch, {
    value: value,
    onValueChange: onValueChange,
    disabled: disabled
  }));
}
//# sourceMappingURL=switch-cell.native.js.map