import e from"../../configs/CleanSizeCharts.js";import t from"./uiV1.js";import l from"./uiV2.js";import{get3rdPartyInstallLink as i}from"../../common/helpers.js";let config={tag:e.tag,label:e.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${e.logoUrl}?width=22&height=22">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:e.id,name:{en:e.label},hideTextContent:!0,icon:{desktop:`
        <div class="w-full flex flex-col items-center">
          <img class="w-24 border border-dark-200 rounded-medium" src="${e.logoUrl}?width=22&height=22">
          <span class="preset-item-title">${e.label}</span>
        </div>
      `},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"install",type:"open-link",target:"_blank",linkType:"install",appName:e.label,href:i({handle:"size-charts-by-clean-canvas"})},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",appName:e.label,href:"https://admin.shopify.com/?redirect=/apps/size-charts-by-clean-themes"},{id:"chartId",type:"input",label:"Size Chart ID"},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:t,uiV2:l};export{config as default};
