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