import{makeStyleResponsive as e,makeStyleState as t,getGlobalColorStateStyle as l,getStyleBackgroundByDevice as i}from"@gem-sdk/core";let o=({setting:t,style:l})=>{let{fixedMode:i,height:o,background:a}=t??{},r=i?{"--aspect":b(a?.desktop?.image),"--aspect-tablet":b(a?.tablet?.image),"--aspect-mobile":b(a?.mobile?.image)}:e("h",o);return{...r,"--d":l?.["--d"]||"block","--d-mobile":l?.["--d-mobile"]||"block","--d-tablet":l?.["--d-tablet"]||"block"}},a=({setting:e})=>{let{overlayOpacity:i,overlayColor:o}=e??{};return{...l("bgc",o),...t("op",i)}},r=({setting:e,hasCollectionImage:t})=>{let{hoverDuration:l,background:o,hoverScale:a}=e??{};return{...i(o),"--duration":`${l??0}s`,"--scale":`${a??100}%`}},b=e=>{if(e&&e.width&&e.height&&e.src)return`${e.width}/${e.height}`};export{o as getDimension,r as getStyleContainerBackgoundImage,a as getStyleOverlay};
