import { jsx, jsxs } from 'react/jsx-runtime';
import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import { forwardRef } from 'react';
import styles from './tabs.module.css.js';
import { Root as Root2, List, Trigger, Content } from '../../node_modules/.pnpm/@radix-ui_react-tabs@1.1.12_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9__fp4iktk75q7qvvqiqmms4spkgu/node_modules/@radix-ui/react-tabs/dist/index.js';

const root = cva(styles.root);
const list = cva(styles.list);
const trigger = cva(styles.trigger);
const content = cva(styles.content);
const TabsRoot = forwardRef(({ className, 'aria-label': ariaLabel, ...props }, ref) => (jsx(Root2, { ref: ref, className: root({ className }), "aria-label": ariaLabel || 'Tabs', ...props })));
const TabsList = forwardRef(({ className, ...props }, ref) => (jsx(List, { ref: ref, role: 'tablist', className: list({ className }), ...props })));
const TabsTrigger = forwardRef(({ className, icon, children, disabled, ...props }, ref) => (jsxs(Trigger, { ref: ref, className: trigger({ className }), disabled: disabled, "aria-disabled": disabled, ...props, children: [icon && jsx("span", { className: styles['trigger-icon'], children: icon }), children] })));
const TabsContent = forwardRef(({ className, ...props }, ref) => (jsx(Content, { ref: ref, role: 'tabpanel', className: content({ className }), ...props })));
TabsRoot.displayName = Root2.displayName;
TabsList.displayName = List.displayName;
TabsTrigger.displayName = Trigger.displayName;
TabsContent.displayName = Content.displayName;
const Tabs = Object.assign(TabsRoot, {
    List: TabsList,
    Trigger: TabsTrigger,
    Content: TabsContent
});

export { Tabs };
//# sourceMappingURL=tabs.js.map
