'use client';
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useEditorMode as r,useProduct as i,makeStyleResponsive as o}from"@gem-sdk/core";import a from"next/dynamic";import{useMemo as d}from"react";let s=a(()=>import("./LooxReviewsSampleContent.js")),c=({setting:a,styles:c})=>{let m=r(),n=i(),p=n?.baseID?.replace("gid://shopify/Product/",""),l=d(()=>{switch(a?.widgetType){case"product_reviews_widget":return{id:"looxReviews","data-product-id":p};case"product_star_ratings_widget":return{className:"loox-rating","data-id":p,"data-fetch":""}}},[p,a?.widgetType]);return e("div",{style:{...o("ta",c?.align)},children:["edit"===m&&t(s,{setting:a,styles:c}),t("div",{...l})]})};export{c as default};
