import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{T as Tab$1}from"./TabPanel-B6oG_h5d.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";var tabStyles="\n  jn-flex\n  jn-font-bold\n  jn-px-[1.5625rem]\n  jn-items-center\n  jn-cursor-pointer\n  focus:jn-outline-none \n",disabledTabStyles="\n  jn-pointer-events-none\n  jn-opacity-50\n",selectedTabStyles="\n  jn-border-b-[3px]\n  jn-border-theme-tab-active-bottom\n",iconStyles="\n  jn-mr-2\n",Tab=function(a){var b=a.children,c=void 0===b?null:b,d=a.label,e=void 0===d?"":d,f=a.icon,g=a.disabled,h=a.className,i=void 0===h?"":h,j=__rest(a,["children","label","icon","disabled","className"]);return React__default.createElement(Tab$1,__assign({className:"juno-tab ".concat(tabStyles," ").concat(i),disabledClassName:"juno-tab-disabled ".concat(disabledTabStyles),selectedClassName:"juno-tab-selected ".concat(selectedTabStyles),disabled:void 0!==g&&g},j),f?React__default.createElement(Icon,{icon:f,size:"18",className:"".concat(iconStyles)}):null,c||e)};Tab.tabsRole="Tab";export{Tab as T};