import e,{useState as n,useEffect as t}from"react";function a(a){var r=n(null),l=r[0],c=r[1],o=n(""),i=o[0],m=o[1],s=a.tabs;return null==s||0===s.length||0===s[0].subMenus.length?e.createElement(e.Fragment,null):(t((function(){null==l&&c("0-0"),""===i&&m(s[0].subMenus[0].content)}),[i,l]),e.createElement(e.Fragment,null,e.createElement("div",{className:"card mt-3 tab-card"},e.createElement("div",{className:"card-header tab-card-header"},s.map((function(n,t){var a=n.subMenus,r=n.title;return e.createElement("div",{key:t,className:"card-header-item"},r,e.createElement("ul",{className:"nav nav-tabs card-header-tabs",id:"myTab",role:"tablist"},a.map((function(n,a){var r=t+"-"+a;return e.createElement("li",{className:"nav-item  "+(r===l?"active":""),key:a},e.createElement("a",{className:"nav-link",id:"tab-submenu-","data-toggle":"tab",role:"tab","aria-controls":"One","aria-selected":"true",onClick:function(){c(r),m(n.content)}},e.createElement("span",null,n.title,e.createElement("sup",null,"+1"))))}))))}))),e.createElement("div",{className:"tab-content",id:"myTabContent"},i)),e.createElement("style",{jsx:!0},"\n        .card-header {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-around;\n          background-color: #fff;\n        }\n\n        .card-header-tabs {\n          background-color: #eff3f8;\n        }\n\n        .card-header-item {\n          text-align: center;\n          text-transform: uppercase;\n          font-size: 12px;\n        }\n\n        .nav-item {\n          cursor: pointer;\n          margin-bottom: 0 !important;\n        }\n\n        .nav-item.active {\n          border-bottom: solid 6px #002c77;\n        }\n\n        .nav-item.active a span {\n          color: #051634;\n        }\n\n        .nav-item a {\n          font-size: 24px;\n          font-weight: bold;\n        }\n\n        .nav-item a span {\n          color: #002c77 !important;\n        }\n\n        .light-blue {\n          color: #a8bee7 !important;\n        }\n\n        #myTabContent {\n          padding: 4rem 3rem;\n        }\n      ")))}export default a;
//# sourceMappingURL=Tabs.js.map
