'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),ThirdPartyPreview=require("./ThirdPartyPreview.js"),React=require("react"),QikifyUpsell$1=require("../configs/QikifyUpsell.js");const QikifyUpsellContent=e=>{let i=React.useMemo(()=>{let i=QikifyUpsell$1.WidgetOptions.find(i=>i.value===e.setting?.widgetType)?.label;return`${QikifyUpsell$1.AppConfig.label} - ${i}`},[e.setting?.widgetType]);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("div",{className:"gp-p-2",children:jsxRuntime.jsx(ThirdPartyPreview.default,{setting:{label:i,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${QikifyUpsell$1.AppConfig.logoUrl}">`}})})})},QikifyUpsell=({setting:e})=>{let i=core.useEditorMode();return jsxRuntime.jsx("div",{style:{...core.makeStyleResponsive("ta",e?.align)},children:"edit"===i&&jsxRuntime.jsx(QikifyUpsellContent,{setting:e})})};exports.default=QikifyUpsell;
