siegel/lib/client_core/ui/Tabs/index.js

Web application development ecosystem

import e from"react";import t from"../_internals/resolve_tag_attributes.js";import n from"../_internals/apply_classname.js";import l from"../_internals/component.js";import r from"../_internals/children.js";import a from"../_internals/ref_apply.js";let i,o="-ui-tabs",s=({content:e},t)=>e?t?`${e} ${t}`:e:t,c=l(o,{theme:{root:i,children:i,labels_wrapper:i,label:i,label__active:i,content:i,content__empty:i}},l=>{let{children:o,theme:c}=l,{activeTabContent:m,labels:p}=function(t){let l,{tabs:r,activeTab:a,onChange:o,theme:c,showEmpty:m}=t,p=r.find(({prerender:e})=>e),_=[],d=r.map(t=>{let{label:r,id:i,payload:m,content:d,contentClassName:f,labelClassName:u,prerender:b}=t,h=a==i;if(b||h){let t=d?.constructor==Function?d():d;if(p){let n={children:t,key:i};h?n.className=s(c,f):n.style={display:"none"},t=e.createElement("div",{...n})}_.push(t),h&&(l=f)}return e.createElement("div",{key:i,children:r,className:n(c.label,[[c.label__active,h],[u,u]]),onMouseDown:e=>{o(i,e,m)}})});return{activeTabContent:m||_.length?p?_:e.createElement("div",{className:s(c,l),children:_[0]}):i,labels:e.createElement("div",{className:c.labels_wrapper,children:d})}}(l);return e.createElement("div",{...function(e,l){let{theme:r,rootTagAttributes:i,className:o}=e,s={className:n(o,[[r.content__empty,!l]])};return a(s,e),s=t(s,i)}(l,m)},p,m,r(o,c))});export default c;export{o as componentID};