import{a as e}from"./rolldown-runtime-CNC7AqOf.js";import{t}from"./react-Augu_vA3.js";import{K as n,_t as r,bt as i,ct as a,dt as o,yt as s}from"./forms-CL2ODv4X.js";import{f as c,l,u,v as d}from"./dist-DWDqendd.js";import{t as f}from"./jsx-runtime-CTknu7_t.js";var p=e(o()),m=e(t()),h=e(f()),g=a(s)`
  border-color: ${({theme:e})=>e.borderColor};
  color: ${({theme:e})=>e.textColor};

  &:hover {
    color: ${({theme:e})=>e.hoverTextColor};
  }
`;function _(e){let t=u(),{visible:a=!0,tabBarClassName:o,withHorizontalPadding:s,horizontalPaddingWidth:f=`1.5rem`,fullRightPadding:_,paddingTabsHeight:v=`2.8rem`}=e,y=c(),b=l(),x=r(),[S]=i(),C=(0,m.useRef)(null),w=e=>b.pathname===e.href||e.matcher?.some(e=>e(y)===d(b.pathname,y)),T=e=>{let t=e.currentTarget,n=C.current,r=n.scrollWidth/6,i=t.getBoundingClientRect().width/2;n.scrollTo({left:t.offsetLeft-r-i})};return(0,m.useEffect)(()=>{if(e.tabs.length&&!e.disableBackupNavigation){let n=e.tabs.some(({href:e})=>e===b.pathname);if(S.get(`redirect`)===`false`)return;n||t(e.tabs[0].href)}},[]),a?(0,h.jsxs)(`div`,{className:e.className,"data-cy":`tabs`,children:[(0,h.jsxs)(`div`,{className:(0,p.default)(`flex flex-col space-y-5 sm:hidden`,{"px-4":e.withHorizontalPaddingOnSmallScreen}),children:[(0,h.jsx)(`label`,{htmlFor:`tabs`,className:`sr-only`,children:`Select a tab`}),(0,h.jsx)(n,{id:`tabs`,className:`text-sm sm:text-sm`,defaultValue:e.tabs.find(e=>e)?.name,onValueChange:e=>t(e),customSelector:!0,dismissable:!1,children:e.tabs.map(e=>(e.enabled===void 0||e.enabled)&&(0,h.jsx)(`option`,{value:e.href,children:e.formatName?.()||e.name},e.name))}),e.rightSide]}),(0,h.jsx)(`div`,{className:`hidden sm:block`,children:(0,h.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,h.jsxs)(`nav`,{ref:C,className:(0,p.default)(`flex flex-1 relative scroll-smooth overflow-x-auto`,o),"aria-label":`Tabs`,children:[s&&(0,h.jsx)(`div`,{style:{width:f,height:v,borderBottom:`1px solid ${x.$20}`,flexShrink:0}}),e.tabs.map(e=>(e.enabled===void 0||e.enabled)&&(0,h.jsx)(g,{to:e.href,onClick:e=>T(e),theme:{textColor:w(e)?x.$3:x.$17,hoverTextColor:x.$3},className:`whitespace-nowrap font-medium text-sm px-4 py-3`,"aria-current":w(e)?`page`:void 0,style:{borderBottom:w(e)?`1px solid ${x.$3}`:`1px solid ${x.$20}`},children:(0,h.jsx)(`div`,{children:e.formatName?.()||e.name})},e.name)),(0,h.jsx)(`div`,{className:(0,p.default)({"flex-1":!s||_}),style:{...s&&!_?{width:f,flexShrink:0}:{minWidth:f},height:v,borderBottom:`1px solid ${x.$20}`}})]}),e.rightSide&&(0,h.jsx)(`div`,{className:`flex items-center border-b pl-4`,style:{borderColor:x.$20,height:`2.8rem`},children:e.rightSide})]})})]}):(0,h.jsx)(h.Fragment,{})}export{_ as t};