UNPKG

@ebay/ui-core-react

Version:

Skin components build off React

2 lines (1 loc) 1.07 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),u=require("classnames"),b=require("../utils-C9NL3q0j.js"),l=a=>{var{children:s,href:r,ariaCurrent:n,className:t}=a,c=m.__rest(a,["children","href","ariaCurrent","className"]);return e.createElement("li",Object.assign({},c,{className:u(t,"fake-tabs__item")}),e.createElement("a",{href:r,"aria-current":n},s))},E=a=>{var{selectedIndex:s=0,tabMatchesCurrentUrl:r,className:n,children:t}=a,c=m.__rest(a,["selectedIndex","tabMatchesCurrentUrl","className","children"]);const o=r===!1?"true":"page",d=b.filterByType(t,l).map((i,f)=>e.cloneElement(i,Object.assign(Object.assign({},i.props),{ariaCurrent:s===f?o:null}))),_=b.excludeComponent(t,l);return e.createElement("div",Object.assign({},c,{className:u(n,"fake-tabs")}),e.createElement("ul",{className:"fake-tabs__items"},d),e.createElement("div",{className:"fake-tabs__content"},e.createElement("div",{className:"fake-tabs__cell"},_)))};exports.EbayFakeTab=l;exports.EbayFakeTabs=E;