'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"),CleanSizeCharts$1=require("../configs/CleanSizeCharts.js");const Content=()=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("div",{className:"gp-p-2",children:jsxRuntime.jsx(ThirdPartyPreview.default,{setting:{label:CleanSizeCharts$1.default.label,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${CleanSizeCharts$1.default.logoUrl}">`}})})}),CleanSizeCharts=({setting:e})=>{let{align:r}=e??{},t=core.useEditorMode();return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("div",{style:{...core.makeStyleResponsive("ta",r)},className:"gp-h-full gp-w-full",children:"edit"===t&&jsxRuntime.jsx(Content,{})})})};exports.default=CleanSizeCharts;
