import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useContext}from"react";import{N as NavigationItem}from"./NavigationItem.component-DcH7SF-F.js";import{a as TabNavigationContext}from"./TabNavigation.component-DlfET9Dg.js";var tabNavItemStyles="\n  jn-flex\n  jn-items-center\n  jn-text-theme-default\n  jn-font-bold\n  jn-py-[0.875rem]\n  jn-px-[1.5625rem]\n  jn-border-b-[3px]\n  focus-visible:jn-outline-none\n  focus-visible:jn-ring-2\n  focus-visible:jn-ring-theme-focus\n",tabNavActiveItemStyles="\n  jn-text-theme-high\n  jn-font-bold\n  jn-border-b-[3px]\n  jn-border-theme-tab-active-bottom\n",TabNavigationItem=function(a){var b=a.active,c=a.ariaLabel,d=a.children,e=void 0===d?null:d,f=a.className,g=void 0===f?"":f,h=a.disabled,i=a.href,j=a.icon,k=a.label,l=void 0===k?"":k,m=a.onClick,n=a.value,o=void 0===n?"":n,p=__rest(a,["active","ariaLabel","children","className","disabled","href","icon","label","onClick","value"]),q=useContext(TabNavigationContext),r=(q||{}).tabStyle;return React__default.createElement(NavigationItem,__assign({active:void 0!==b&&b,activeItemStyles:tabNavActiveItemStyles,ariaLabel:c,className:"\n        juno-tabnavigation-item \n        ".concat(r?"juno-tabnavigation-"+r+"-item":"","\n        ").concat(tabNavItemStyles," \n        ").concat(g,"\n      "),disabled:void 0!==h&&h,href:i,icon:j,inactiveItemStyles:"".concat("content"===r?"jn-border-theme-tab-content-inactive-bottom":"jn-border-transparent"),label:l,onClick:m,value:o},p),e)};export{TabNavigationItem as T};