'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../common/classes.js"),s=require("../common/styles.js"),r=require("@gem-sdk/system"),a=require("../common/helpers.js"),l=require("react"),o=require("../common/attrs.js"),n=require("@gem-sdk/core");exports.default=({styles:c,builderAttrs:i,style:u,setting:d,advanced:m,builderProps:x,className:y,children:p,textClassWrapper:g,textClass:C,...h})=>{let{text:j,options:q}=d??{},{textAlign:S,typo:f,align:T,direction:v}=c??{},{t:M}=n.useI18nStore(),{isEditMode:_}=n.useRenderMode(),b=l.useMemo(()=>a.createContent(j,f?.textTransform,f?.textColor),[j,f?.textTransform,f?.textColor]),A=r.createClass({...t.getContainerClasses({className:y,uid:x?.uid,align:T})}),N=r.createClass({...t.getWrapperClasses({textClassWrapper:g})}),$=r.createClass({...t.getTextClasses({textClass:C})}),k=r.createStyle({...s.getContainerStyles({style:u})}),w=r.createStyle({...s.getWrapperStyles({styles:c})}),I=r.createStyle({...s.getTextStyles({textAlign:S,typo:f})}),R=r.createAttr({...i}),W=r.createAttr({...o.getTextAttrs({options:q})}),z=_?M("Replace this text with your content"):"";return e.jsx("div",{...h,...R,className:A,style:{...k},children:e.jsx("div",{className:N,style:{...w},children:e.jsx("div",{className:$,...W,style:{...I},dangerouslySetInnerHTML:{__html:b?`<bdo dir="${v}" >${b}</bdo>`:`<span style="color: #9e9e9e; font-size: 12.28px; font-weight: 400; line-height: 18px;
              text-decoration: unset;">${z}</span>`}})})})};
