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