@radix-ui/themes/dist/cjs/components/tab-nav.js

[](https://radix-ui.com/themes)

"use strict";var k=Object.create;var n=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var u=(o,a)=>{for(var e in a)n(o,e,{get:a[e],enumerable:!0})},b=(o,a,e,s)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of g(a))!R.call(o,r)&&r!==e&&n(o,r,{get:()=>a[r],enumerable:!(s=c(a,r))||s.enumerable});return o};var m=(o,a,e)=>(e=o!=null?k(y(o)):{},b(a||!o||!o.__esModule?n(e,"default",{value:o,enumerable:!0}):e,o)),M=o=>b(n({},"__esModule",{value:!0}),o);var h={};u(h,{Link:()=>f,Root:()=>v});module.exports=M(h);var t=m(require("react")),N=m(require("classnames")),p=m(require("@radix-ui/react-navigation-menu")),l=require("./tab-nav.props.js"),P=require("../helpers/extract-props.js"),L=require("../helpers/get-subtree.js"),d=require("../props/margin.props.js");const v=t.forwardRef((o,a)=>{const{children:e,className:s,color:r,...i}=(0,P.extractProps)(o,l.tabNavRootPropDefs,d.marginPropDefs);return t.createElement(p.Root,{className:"rt-TabNavRoot","data-accent-color":r,...i,asChild:!1,ref:a},t.createElement(p.List,{className:(0,N.default)("rt-reset","rt-BaseTabList","rt-TabNavList",s)},e))});v.displayName="TabNav.Root";const f=t.forwardRef((o,a)=>{const{asChild:e,children:s,className:r,...i}=o;return t.createElement(p.Item,{className:"rt-TabNavItem"},t.createElement(p.Link,{...i,ref:a,className:(0,N.default)("rt-reset","rt-BaseTabListTrigger","rt-TabNavLink",r),onSelect:void 0,asChild:e},(0,L.getSubtree)({asChild:e,children:s},T=>t.createElement(t.Fragment,null,t.createElement("span",{className:"rt-BaseTabListTriggerInner rt-TabNavLinkInner"},T),t.createElement("span",{className:"rt-BaseTabListTriggerInnerHidden rt-TabNavLinkInnerHidden"},T)))))});f.displayName="TabNav.Link";
//# sourceMappingURL=tab-nav.js.map