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