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