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

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

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