'use client';
import{jsx as e,Fragment as r}from"react/jsx-runtime";import{useEditorMode as t,makeStyleResponsive as i}from"@gem-sdk/core";import l from"./ThirdPartyPreview.js";import{useMemo as o}from"react";import{AppConfig as p,WidgetOptions as s}from"../configs/QikifyUpsell.js";let g=t=>{let i=o(()=>{let e=s.find(e=>e.value===t.setting?.widgetType)?.label;return`${p.label} - ${e}`},[t.setting?.widgetType]);return e(r,{children:e("div",{className:"gp-p-2",children:e(l,{setting:{label:i,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${p.logoUrl}">`}})})})},d=({setting:r})=>{let l=t();return e("div",{style:{...i("ta",r?.align)},children:"edit"===l&&e(g,{setting:r})})};export{d as default};
