"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),styles=require("../common/styles.js");const Label=({uid:e,label:s,styles:t,translate:l,positionId:r,pageContext:a,translateLabel:i,childrenStyle:o,childrenClass:c,containerStyle:d,containerClass:p})=>{let u=styles.getLabelCustomCss(t,e??""),y=helpers.getDynamicSourceLocales({uid:e,translate:l,val:s,pageContext:a,settingId:i,isCapitalize:t?.typo?.attrs?.transform==="capitalize"});return core.template`
    <div
      id="image-comparison-${r}-label-${e}"
      style="${d}"
      class="${p}"
    >
      <style>${u}</style>
      <div class="${c}" style="${o}">
        ${y}
      </div>
    </div>
  `};exports.default=Label;
