import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useState,useEffect}from"react";import{c as Tabs$1}from"./TabPanel-B6oG_h5d.js";var TabsContext=React__default.createContext({}),useTabsContext=function(){return React__default.useContext(TabsContext)},Tabs=function(a){var b=a.children,c=void 0===b?null:b,d=a.defaultIndex,e=a.selectedIndex,f=a.onSelect,g=a.variant,h=void 0===g?"content":g,i=a.className,j=void 0===i?"":i,k=__rest(a,["children","defaultIndex","selectedIndex","onSelect","variant","className"]),l=useState(e),m=l[0],n=l[1];useEffect(function(){n(e)},[e]);return React__default.createElement(TabsContext.Provider,{value:{variant:h}},React__default.createElement(Tabs$1,__assign({className:"juno-tabs juno-tabs-".concat(h," ").concat(j),defaultIndex:d,selectedIndex:m,onSelect:function(a){f&&f(a)}},k),c))};Tabs.tabsRole="Tabs";export{Tabs as T,useTabsContext as u};