'use client';
import{jsxs as t,Fragment as o,jsx as e}from"react/jsx-runtime";import{useEditorMode as i,makeStyleResponsive as r}from"@gem-sdk/core";import a from"next/dynamic";import l from"next/script";import{getYotpoUri as m,getYotpoFormCode as p}from"../common/helpers.js";let d=a(()=>import("./YotpoLoyalty/YotpoLoyaltySampleContent.js")),s=({setting:a,styles:s,builderAttrs:n,style:y})=>{let{yotpoLoyaltyCodes:c}=a??{},g=i();return t(o,{children:["edit"!==g&&c?.guid&&e(l,{strategy:"lazyOnload",src:m(c?.guid),defer:!0}),t("div",{...n,style:{...y,...r("ta",s?.align)},className:"gp-h-full gp-w-full",children:[c?.yotpoWidget&&e("div",{className:"yotpo-widget-instance","data-yotpo-instance-id":p(c?.yotpoWidget)}),"edit"===g&&e(d,{style:s})]})]})};export{s as default};
