import{composeClasses as e,cls as t,composeTypographyClassName as s}from"@gem-sdk/core";import{createClass as r,createStyle as m}from"@gem-sdk/system";import{getTextStyleInline as o}from"../common/styles.js";let TextInline=({styles:n,setting:l,className:p,elementAttrs:a,...i})=>{let{text:c}=l??{},$=r({...e(t(p,s(n?.typo)))}),j=()=>{let e=m({...o(n)}),t=Object.entries(e).map(([e,t])=>`${e}:${t}`).join(";");return t};return`
    <span
      [object Object]
      class="${$}"
      style="${j()}"
      element-attrs='${a?.debugText}'
    >
      ${c}
    </span>
  `};export{TextInline as default};
