How to use the bpk-component-star-rating.withInteractiveStarRatingState function in bpk-component-star-rating

* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import React from 'react';
import BpkStarRating, {
  BpkInteractiveStarRating,
  withInteractiveStarRatingState,
} from 'bpk-component-star-rating';
import starRatingReadme from 'bpk-component-star-rating/README.md';

import DocsPageBuilder from '../../components/DocsPageBuilder';
import Paragraph from '../../components/Paragraph';

const InteractiveStarRating = withInteractiveStarRatingState(
  BpkInteractiveStarRating,
);

const components = [
  {
    id: 'default',
    title: 'Default',
    blurb: [
      
        By default, star ratings are shown in a static form. These can be set at
        half star intervals.
      ,
    ],
    examples: [],
  },
  {