import{makeStyleResponsive as e,template as i}from"@gem-sdk/core";let d=({setting:d,advanced:p})=>{let{widgetType:s,design:o,align:a}=d??{};return i`
    <div
      class="${p?.cssClass}"
      style="${{...e("ta",a)}}"
    >
      {% assign widget = '${s}' %}
      {% case widget %}
        {% when "reviews" %}
          <div style="clear:both;"></div>
          <div id="opinew-reviews-product-page-code" class="">
            <span id="opinew-plugin" data-opw-prodreviews="{{ product.metafields.opinew_metafields['product_plugin'] }}" data-opinew-shop-id="{{ shop.id }}" data-shop-url="{{shop.domain}}" data-platform-product-id="{{product.id}}">
              <span id="opinew_product_plugin_app"></span>
            </span>
          </div>
        {% when "badge" %}
          <div id='opinew-stars-plugin-product'>{% render 'opinew_review_stars_product' product:product %}</div>
        {% when "badgeCollection" %}
          <div class='opinew-stars-plugin-product-list'>{% render 'opinew_review_stars_lists' product:product %}</div>
        {% when "carousel" %}
          <div id='opinew_carousel_plugin_app'></div>
        {% when "allReviews" %}
          <div id="opinew-reviews-all-reviews-code" data-opw-prodreviews="{{ shop.metafields.opinew['opinew_all_reviews'] }}">
            <span id="opinew_all_reviews_plugin_app"></span>
          </div>
        {% when "allReviewsBadge" %}
          <div style="clear:both;"></div>
          <div id="opinew-reviews-all-reviews-code"><span id="opinew-shop-plugin">{{ shop.metafields.opinew['${o}'] }}</span></div>
      {% endcase %}
    </div>
  `};export{d as default};
