"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("@gem-sdk/system"),t=require("../common/styles.js");exports.default=({styles:r,setting:l,className:a,elementAttrs:o,...c})=>{let{text:n}=l??{},p=s.createClass({...e.composeClasses(e.cls(a,e.composeTypographyClassName(r?.typo)))});return`
    <span
      [object Object]
      class="${p}"
      style="${(()=>{let e=s.createStyle({...t.getTextStyleInline(r)}),l=Object.entries(e).map(([e,s])=>`${e}:${s}`).join(";");return l})()}"
      element-attrs='${o?.debugText}'
    >
      ${n}
    </span>
  `};
