'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("react"),r=require("@gem-sdk/system"),a=require("../common/attrs.js"),l=require("../common/styles.js"),c=require("../common/classes.js"),n=require("../common/helpers.js");const o=s.forwardRef(({styles:s,builderAttrs:o,style:i,setting:u,advanced:y,builderProps:d,className:m,children:g,disableEdit:x,pageContext:p,...C},j)=>{let{isEditMode:q,isPreviewSharePageMode:S}=t.useRenderMode(),{htmlTag:f="div",options:v}=u??{},R=r.createAttr({...a.getAttr({uid:d?.uid||""})}),T=r.createAttr({...a.getTextAttr(v)}),h=r.createStyleReact({...l.getStyle(s,i)}),D=r.createStyleReact({...l.getContainerStyle(s,u)}),A=r.createStyleReact({...l.getTextStyle({styles:s,setting:u,builderProps:d,pageContext:p??{}})}),_=r.createClass({...c.getClasses({setting:u,advanced:y,builderProps:d})}),M=r.createClass({...c.getContainerClasses({setting:u})}),N=r.createClass({...c.getTextClasses({styles:s,setting:u,className:m,isEdit:q||S,disableEdit:x})}),k=n.getDisplayText({type:"React",styles:s,setting:u,builderProps:d,pageContext:p??{}}),b=r.createContent(k);return e.jsxs("div",{...R,...C,...o,style:h,className:_,children:[e.jsx("div",{className:M,style:{...D},children:e.jsx(f,{ref:j,...T,className:N,onDragStart:e=>e.preventDefault(),onDrop:e=>e.preventDefault(),style:{...A},dangerouslySetInnerHTML:{__html:b}})}),g]})});exports.default=o;
