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

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

"use client";import*as a from"react";import N from"classnames";import*as e from"@radix-ui/react-navigation-menu";import{tabNavRootPropDefs as T}from"./tab-nav.props.js";import{extractProps as b,getSubtree as l}from"../helpers/index.js";import{marginPropDefs as f}from"../props/index.js";const m=a.forwardRef((t,r)=>{const{children:o,className:s,color:n,...i}=b(t,T,f);return a.createElement(e.Root,{className:"rt-TabNavRoot","data-accent-color":n,...i,asChild:!1,ref:r},a.createElement(e.List,{className:N("rt-reset","rt-BaseTabList","rt-TabNavList",s)},o))});m.displayName="TabNav.Root";const v=a.forwardRef((t,r)=>{const{asChild:o,children:s,className:n,...i}=t;return a.createElement(e.Item,{className:"rt-TabNavItem"},a.createElement(e.Link,{...i,ref:r,className:N("rt-reset","rt-BaseTabListTrigger","rt-TabNavLink",n),onSelect:()=>{},asChild:o},l({asChild:o,children:s},p=>a.createElement(a.Fragment,null,a.createElement("span",{className:"rt-BaseTabListTriggerInner rt-TabNavLinkInner"},p),a.createElement("span",{className:"rt-BaseTabListTriggerInnerHidden rt-TabNavLinkInnerHidden"},p)))))});v.displayName="TabNav.Link";export{v as Link,m as Root};
//# sourceMappingURL=tab-nav.js.map