amotify
Version:
UI Component for React,NextJS,esbuild
2 lines (1 loc) • 680 B
JavaScript
import{b as o,c as l,d as m}from"../chunk-C5N2D3ZX.js";import{jsx as t}from"react/jsx-runtime";import{useEffect as d}from"react";import{Box as c,Flex as x}from"../atoms";import B from"./Input";const i=s=>{let p=s,{tabIndex:u,tabs:f,onTabChange:a,componentDidMount:n}=p,r=m(p,["tabIndex","tabs","onTabChange","componentDidMount"]);return d(()=>{n&&n()},[]),t(x,l(o({ssZIndex:3,overflow:"auto",flexWrap:!1},r),{xcss:o({whiteSpace:"nowrap"},r.xcss),children:t(c,{margin:[0,"auto"],children:t(B.Segmented.Bottomline,{value:u,fontColor:"inherit",gap:0,override:"force",options:f.map((e,b)=>({value:b,label:e})),onUpdateValidValue:e=>{a&&a(e)}})})}))};export{i as TabBar,i as default};