import n,{useState as e}from"react";import a from"../../../node_modules/next/router.js";import{Paragraph as t}from"../../Typography/Paragraph/Paragraph.js";import"../../Typography/Paragraph/Paragraph-utils.js";import{Image as r}from"../../Media/Image.js";import{Heading as l}from"../../Typography/Heading.js";import{Tabs as o,TabList as i,Tab as m,TabPanels as s,TabPanel as p}from"../../../node_modules/@chakra-ui/tabs/dist/esm/tabs.js";var c=a.withRouter((function(a){var c=a.tabs,g=void 0===c?[]:c,d=e(0),u=d[0],b=d[1];return n.createElement(n.Fragment,null,n.createElement("div",{className:"main-page-tabs horizontal"},n.createElement(o,{onChange:b,variant:"unstyled"},g&&g.length>0?n.createElement(i,{className:"justify-content-center nav-tabs tab-list"},(g||[]).map((function(e,a){var t=e.label;return n.createElement(m,{variant:"unstyled",key:a,className:u===a?"active nav-item":"nav-item",_selected:{outline:"none"},_active:{outline:"none"},margin:"0px",padding:"0px"},n.createElement("a",{className:u===a?"active nav-link nav-link-custom":"nav-link nav-link-custom"},t))}))):null,n.createElement(s,{className:"tab-content"},(g||[]).map((function(e,a){var o=e.title,i=e.description,m=e.imageUrl;return n.createElement(p,{className:"tab-pane active",key:a},null!=o&&""!==o?n.createElement(l,{type:"h2",text:o,fontSize:40,lumo:"secondary-base"}):n.createElement(n.Fragment,null),null!=m&&""!==m?n.createElement(r,{src:m||"/static/icons/app-image-upload.svg",alt:o,width:"100%",height:null,classes:""}):n.createElement(n.Fragment,null),n.createElement("div",{className:"pt-2 paragraph"},n.createElement(t,{content:i,align:"left",fontSize:"21px",lineHeight:"1.43",fontFamily:"Bressay",letterSpacing:"0",textTransform:"normal",lumo:"primary-dark"})))}))))),n.createElement("style",{jsx:!0},"\n        :global(.main-page-tabs.horizontal .nav-tabs) {\n          border: none;\n        }\n\n        :global(.main-page-tabs.horizontal .nav-tabs .nav-item) {\n          margin-right: 3px;\n          min-width: 135px;\n          cursor: pointer;\n        }\n\n        :global(.main-page-tabs.horizontal .nav-tabs .nav-link) {\n          border: none;\n          color: #000;\n          padding: 16px 28px;\n          font-size: 13px;\n          font-weight: bold;\n          text-align: center;\n        }\n\n        :global(.main-page-tabs.horizontal .nav-tabs .nav-link.active) {\n          border-bottom: 7px solid grey;\n          padding-bottom: 11px;\n        }\n\n        :global(.css-3naprd[aria-selected='true']) {\n          border-color: white;\n        }\n        .nav-link-custom {\n          white-space: nowrap;\n        }\n\n        :global(*:focus) {\n           box-shadow: none !important\n           outline: none !important\n        }\n\n        :global(.tab-list) {\n          flex-flow: wrap !important;\n        }\n      "))}));export default c;
//# sourceMappingURL=Tabs1.js.map
