text: 'use strict';
  
  Object.defineProperty(exports, '__esModule', { value: true });
  
  require('reakit-utils/warning');
  require('react');
  require('reakit-utils/useId');
  var createComponent = require('reakit-system/createComponent');
  var createHook = require('reakit-system/createHook');
  require('../Box/Box.js');
  var __chunk_1 = require('../chunk-002fc018.js');
  require('reakit-utils/useAllCallbacks');
  require('reakit-utils/useSealedState');
  require('reakit-utils/cx');
  require('../Hidden/HiddenState.js');
  var Hidden = require('../Hidden/Hidden.js');
  require('../Rover/RoverState.js');
  var __chunk_8 = require('../chunk-8078ee09.js');
  var TabState = require('./TabState.js');
  
  var useTabPanel = createHook.createHook({
    name: "TabPanel",
    compose: Hidden.useHidden,
    useState: TabState.useTabState,
    keys: ["stopId"],
    useOptions: function useOptions(options) {
      return __chunk_1._objectSpread({
        visible: options.selectedId === options.stopId
      }, options);
    },
    useProps: function useProps(options, htmlProps) {
      return __chunk_1._objectSpread({
        role: "tabpanel",
        tabIndex: 0,
        id: __chunk_8.getTabPanelId(options.stopId, options.unstable_baseId),
        "aria-labelledby": __chunk_8.getTabId(options.stopId, options.unstable_baseId)
      }, htmlProps);
    }
  });
  var TabPanel = createComponent.createComponent({
    as: "div",
    useHook: useTabPanel
  });
  
  exports.TabPanel = TabPanel;
  exports.useTabPanel = useTabPanel;
  