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