import{makeStyleResponsive as e,template as t}from"@gem-sdk/core";let i=({setting:i,advanced:d})=>{let{widgetType:r,align:u}=i??{};return t`
    <div
      class="${d?.cssClass}"
      style="${{...e("ta",u)}}"
    >
      {% assign widget = '${r}' %}
      {% case widget %}
        {% when "reviews" %}
          <div class="lt-block-reviews">
            <ryviu-widget handle="{{product.handle}}" product_id="{{product.id}}" title_product="{{product.title}}" total_meta="{{ product.metafields.ryviu.r_count }}" image_product="{{ product.featured_image.src | img_url: '100x' }}"></ryviu-widget>
          </div>
        {% when "badge" %}
          <div class="review-widget">
            <ryviu-widget-total reviews_data="{{product.metafields.ryviu.product_reviews_info  | escape }}"  product_id="{{product.id}}" handle="{{product.handle}}"></ryviu-widget-total>
          </div>
        {% when "badgeCollection" %}
          <div class="ryviu-collection">
            <ryviu-widget-total collection=1 reviews_data="{{product.metafields.ryviu.product_reviews_info  | escape }}" product_id="{{product.id}}" handle="{{product.handle}}"></ryviu-widget-total>
          </div>
        {% when "carousel" %}
          <ryviu-feature-extend carousel="1" id="r--ryviu-widget"></ryviu-feature-extend>
        {% when "masonry" %}
          <ryviu-widget feature="1"></ryviu-widget>
      {% endcase %}
    </div>
  `};export{i as default};
