@radix-ui/themes/dist/esm/components/tabs.js

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

"use client";import*as e from"react";import a from"classnames";import*as n from"@radix-ui/react-tabs";import{tabsListPropDefs as g}from"./tabs.props.js";import{extractProps as p}from"../helpers/index.js";import{marginPropDefs as T}from"../props/index.js";const m=e.forwardRef((t,o)=>{const{className:r,...s}=p(t,T);return e.createElement(n.Root,{...s,ref:o,className:a("rt-TabsRoot",r)})});m.displayName="Tabs.Root";const P=e.forwardRef((t,o)=>{const{className:r,color:s,...i}=p(t,g,T);return e.createElement(n.List,{"data-accent-color":s,...i,asChild:!1,ref:o,className:a("rt-BaseTabList","rt-TabsList",r)})});P.displayName="Tabs.List";const b=e.forwardRef((t,o)=>{const{className:r,children:s,...i}=t;return e.createElement(n.Trigger,{...i,asChild:!1,ref:o,className:a("rt-reset","rt-BaseTabListTrigger","rt-TabsTrigger",r)},e.createElement("span",{className:"rt-BaseTabListTriggerInner rt-TabsTriggerInner"},s),e.createElement("span",{className:"rt-BaseTabListTriggerInnerHidden rt-TabsTriggerInnerHidden"},s))});b.displayName="Tabs.Trigger";const f=e.forwardRef((t,o)=>{const{className:r,...s}=p(t,T);return e.createElement(n.Content,{...s,ref:o,className:a("rt-TabsContent",r)})});f.displayName="Tabs.Content";export{f as Content,P as List,m as Root,b as Trigger};
//# sourceMappingURL=tabs.js.map