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

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

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