text: "use strict";
  
  Object.defineProperty(exports, "__esModule", {
    value: true
  });
  exports.default = exports.ToggleButtonGroupContext = void 0;
  
  var React = _interopRequireWildcard(require("react"));
  
  function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
  
  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
  
  const ToggleButtonGroupContext = /*#__PURE__*/React.createContext(null);
  /**
   * Toggle group allows to control a group of toggle buttons.</br>
   * It doesn't change the appearance of the toggle buttons. If you want to group them in a row, check out <a href="react-native-paper/toggle-button-row.html">`ToggleButton.Row`</a>.
   *
   * <div class="screenshots">
   *   <figure>
   *     <img class="medium" src="screenshots/toggle-button-group.gif" />
   *   </figure>
   * </div>
   *
   * ## Usage
   * ```js
   * import * as React from 'react';
   * import { ToggleButton } from 'react-native-paper';
   *
   * const MyComponent = () => {
   *   const [value, setValue] = React.useState('left');
   *
   *   return (
   *     <ToggleButton.Group
   *       onValueChange={value => setValue(value)}
   *       value={value}>
   *       <ToggleButton icon="format-align-left" value="left" />
   *       <ToggleButton icon="format-align-right" value="right" />
   *     </ToggleButton.Group>
   *   );
   * };
   *
   * export default MyComponent;
   *```
   */
  
  exports.ToggleButtonGroupContext = ToggleButtonGroupContext;
  
  const ToggleButtonGroup = ({
    value,
    onValueChange,
    children
  }) => /*#__PURE__*/React.createElement(ToggleButtonGroupContext.Provider, {
    value: {
      value,
      onValueChange
    }
  }, children);
  
  ToggleButtonGroup.displayName = 'ToggleButton.Group';
  var _default = ToggleButtonGroup;
  exports.default = _default;
  //# sourceMappingURL=ToggleButtonGroup.js.map