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

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

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