https://www.builder.io/assets/tabs-eaKIk8KI.js

1import{r as i,j as o,a,F as p}from"./components-tbqp4LHE.js";import{B as e}from"./builder-CvCrGSQN.js";import"./render-link-COhm-8b-.js";import"./lib-CNBY53c5.js";import"./errorBoundaries-Cn_iLJG_.js";import"./urls-DKJa5cAz.js";import"./builder-react.es5-EcmpEoh3.js";import"./index-D68R75oZ.js";import"./preload-helper-BXl3LOEh.js";class u extends i.Component{state={activeTab:this.props.defaultActiveTab?this.props.defaultActiveTab-1:0};get activeTabSpec(){return this.props.tabs&&this.props.tabs[this.state.activeTab]}get activeTab(){return this.state.activeTab}set activeTab(t){this.setState({activeTab:t})}render(){return o(p,{children:[a("span",{style:{display:"flex",flexDirection:"row",justifyContent:this.props.tabHeaderLayout,overflow:"auto",WebkitOverflowScrolling:"touch"},className:"builder-tabs-wrap",children:this.props.tabs&&this.props.tabs.map((t,s)=>a("span",{className:"builder-tab-wrap "+(this.activeTabSpec===t?"builder-tab-active":""),style:{...this.activeTabSpec===t&&this.props.activeTabStyle?this.props.activeTabStyle:void 0},onClick:()=>{s===this.activeTab&&this.props.collapsible?this.activeTab=-1:this.activeTab=s},children:a(e,{parent:this.props.builderBlock&&this.props.builderBlock.id,path:`component.options.tabs.${this.state.activeTab}.label`,blocks:t.label})},s))}),this.activeTabSpec&&a(e,{parent:this.props.builderBlock&&this.props.builderBlock.id,path:`component.options.tabs.${this.state.activeTab}.content`,blocks:this.activeTabSpec.content})]})}}export{u as TabsComponent};