import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as t}from"../../helpers.js";import{getLabelCustomCss as s}from"../common/styles.js";let Label=({uid:l,label:i,styles:a,translate:r,positionId:o,pageContext:m,translateLabel:d,childrenStyle:p,childrenClass:$,containerStyle:c,containerClass:y})=>{let f=s(a,l??""),n=t({uid:l,translate:r,val:i,pageContext:m,settingId:d,isCapitalize:a?.typo?.attrs?.transform==="capitalize"});return e`
    <div
      id="image-comparison-${o}-label-${l}"
      style="${c}"
      class="${y}"
    >
      <style>${f}</style>
      <div class="${$}" style="${p}">
        ${n}
      </div>
    </div>
  `};export{Label as default};
