import{makeGlobalSize as t,filterTruthyStyles as e}from"@gem-sdk/core";import{makeTextColor as r,makeFontWeight as o,makeFontSize as l}from"../../common/helper.js";let SHOPIFY_CHECKBOX_GAP_FALLBACK="9px",composeStyles=t=>e(t),getWrapperStyles=({styles:e})=>{let{globalSize:r}=e??{},o=t(r);return composeStyles({...o?.width?.["--w"]?o.width:{"--w":"100%"},...o.padding,"--ta":e?.textAlign})},getContainerStyles=({styles:t})=>{let{horizontalSpacing:e}=t??{},r=e??"9px";return{"--w":t?.width,justifyContent:"start",alignItems:"start",gridTemplate:`"checkbox gap label" auto / auto ${r} auto`}},getTextStyle=({styles:t})=>{let{typo:a}=t??{},i={display:"block",maxWidth:"100%",gridArea:"label",overflowWrap:"break-word"};if(!a)return e({...i});let n={"text-transform":a.textTransform,color:r(a.textColor,a.fontWeight),"font-weight":o(a.fontWeight),"font-size":l(a.fontSize)};return e({...i,...n})};export{getContainerStyles,getTextStyle,getWrapperStyles};
