content: import React from 'react';
  import { connectRange } from 'react-instantsearch-core';
  import PanelCallbackHandler from '../components/PanelCallbackHandler';
  import RatingMenu from '../components/RatingMenu';
  
  /**
   * RatingMenu lets the user refine search results by clicking on stars.
   *
   * The stars are based on the selected `attribute`.
   * @requirements The attribute passed to the `attribute` prop must be holding numerical values.
   * @name RatingMenu
   * @kind widget
   * @requirements The attribute passed to the `attribute` prop must be present in “attributes for faceting”
   * on the Algolia dashboard or configured as `attributesForFaceting` via a set settings call to the Algolia API.
   * The values inside the attribute must be JavaScript numbers (not strings).
   * @propType {string} attribute - the name of the attribute in the record
   * @propType {number} [min] - Minimum value for the rating. When this isn't set, the minimum value will be automatically computed by Algolia using the data in the index.
   * @propType {number} [max] - Maximum value for the rating. When this isn't set, the maximum value will be automatically computed by Algolia using the data in the index.
   * @propType {{min: number, max: number}} [defaultRefinement] - Default state of the widget containing the lower bound (end) and the max for the rating.
   * @themeKey ais-RatingMenu - the root div of the widget
   * @themeKey ais-RatingMenu--noRefinement - the root div of the widget when there is no refinement
   * @themeKey ais-RatingMenu-list - the list of ratings
   * @themeKey ais-RatingMenu-list--noRefinement - the list of ratings when there is no refinement
   * @themeKey ais-RatingMenu-item - the rating list item
   * @themeKey ais-RatingMenu-item--selected - the selected rating list item
   * @themeKey ais-RatingMenu-item--disabled - the disabled rating list item
   * @themeKey ais-RatingMenu-link - the rating clickable item
   * @themeKey ais-RatingMenu-starIcon - the star icon
   * @themeKey ais-RatingMenu-starIcon--full - the filled star icon
   * @themeKey ais-RatingMenu-starIcon--empty - the empty star icon
   * @themeKey ais-RatingMenu-label - the label used after the stars
   * @themeKey ais-RatingMenu-count - the count of ratings for a specific item
   * @translationKey ratingLabel - Label value for the rating link
   * @example
   * import React from 'react';
   * import algoliasearch from 'algoliasearch/lite';
   * import { InstantSearch, RatingMenu } from 'react-instantsearch-dom';
   *
   * const searchClient = algoliasearch(
   *   'latency',
   *   '6be0576ff61c053d5f9a3225e2a90f76'
   * );
   *
   * const App = () => (
   *   <InstantSearch
   *     searchClient={searchClient}
   *     indexName="instant_search"
   *   >
   *     <RatingMenu attribute="rating" />
   *   </InstantSearch>
   * );
   */
  
  const RatingMenuWidget = (props) => (
    <PanelCallbackHandler {...props}>
      <RatingMenu {...props} />
    </PanelCallbackHandler>
  );
  
  export default connectRange(RatingMenuWidget);
  