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

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

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