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 n=({styles:n,setting:l,className:p,elementAttrs:a,...c})=>{let{text:i}=l??{},$=r({...e(t(p,s(n?.typo)))});return`
    <span
      [object Object]
      class="${$}"
      style="${(()=>{let e=m({...o(n)}),t=Object.entries(e).map(([e,t])=>`${e}:${t}`).join(";");return t})()}"
      element-attrs='${a?.debugText}'
    >
      ${i}
    </span>
  `};export{n as default};
