import{getStyleBackgroundByDevice as e,getGradientBgrStyleByDevice as t,makeStyleResponsive as r,makeWidth as l,makeStyle as a,getSingleColorVariable as o,getGlobalColorStateStyle as i,handleConvertBorderStyle as n,handleConvertBorderWidth as s,handleConvertBorderColor as b,filterHoverVariables as c}from"@gem-sdk/core";import{getBackgroundTranslated as m,filterTruthyStyles as g}from"../../helpers.js";import{getStyleWidthByPositionResponsive as d}from"./helpers.js";import{Tabs as p}from"../settings/configs/translate.js";let getStyleWrapper=({setting:a,style:o,uid:i,pageContext:n,type:s="React"})=>{let{background:b,containWidth:c,align:d}=a??{},y="Liquid"===s?m({background:b,uid:i,enableTranslate:!!p?.background?.id,pageContext:n,isTranslateVideo:!1}):b,S={...o,...e(y),...t(y,{desktop:!0,tablet:!0,mobile:!0}),...r("w",l(c)),...r("as",d)};return g(S)},getTabListStyle=e=>{let{panelAlign:t}=e??{},l={...r("jc",t),...r("w",{desktop:"100%",tablet:"100%",mobile:"100%"})};return g(l)},getItemStyle=(e,t)=>{let{labelColor:l,labelBgColor:m,borderTab:p,labelAlign:y,enableActiveEffect:S,panelWidth:u,position:v,panelFullWidth:h,labelWidth:w}=e??{},T={},f=!0===S||void 0===S;return T={...T=t&&f?{...r("jc",y),...a({c:o(l?.active??l?.normal),bgc:o(m?.active??m?.normal),bs:p?.active?.border??p?.normal?.border,bw:p?.active?.width??p?.normal?.width,bc:o(p?.active?.color??p?.normal?.color)})}:{...r("jc",y),...i("c",l),...i("bgc",m),...n(p),...s(p),...b(p)},...r("w",d({position:v,panelFullWidth:h,panelWidth:u,labelWidth:w}))},e?.enableHoverEffect||(T=c(T)),g(T)},getTabParentListStyle=e=>{let{panelAlign:t,panelAlignVertical:l}=e??{},a={...r("jc",t),...r("ai",l)};return g(a)},getContainContentStyle=()=>{let e={};return a({w:"100%"})&&(e={...a({w:"100%"})}),g(e)},getTabItemStyle=(e,t)=>{let r={...e,...a({h:"100%",v:t?"visible":"hidden",pos:t?"relative":"absolute"})};return g(r)};export{getContainContentStyle,getItemStyle,getStyleWrapper,getTabItemStyle,getTabListStyle,getTabParentListStyle};
